Zalecana praktyka Priorytet: Drobne
Nagłówek na stronie jest pusty
Strona zawiera nagłówek bez czytelnego tekstu, często pozostałość po pustym tytule sekcji, bloku motywu lub nagłówku złożonym tylko z ikony. To zalecana dobra praktyka, a nie wymóg WCAG na poziomie AA.
Ten tekst przetłumaczono automatycznie i nie został jeszcze sprawdzony przez native speakera.
Dlaczego to ważne dla Twoich klientów
Wiele osób korzystających z czytników ekranu przeskakuje między nagłówkami, aby szybko poznać stronę. Pusty nagłówek jest odczytywany tylko jako „nagłówek” bez treści, co dezorientuje i utrudnia poruszanie się po stronie.
Kogo to dotyczy
- użytkownicy czytników ekranu
- osoby nawigujące po nagłówkach
- osoby niewidome
Jak to naprawić
Znajdź puste elementy <h1>–<h6> (lub elementy z role="heading"). Dodaj sensowny tekst albo usuń znacznik nagłówka, jeśli sekcja nie ma tytułu. Jeśli nagłówek zawiera tylko obraz lub ikonę, nadaj obrazowi tekst alternatywny, który zadziała jak tekst nagłówka. Nie ukrywaj tekstu nagłówka za pomocą display:none ani aria-hidden.
W Shopify
Często przyczyną jest sekcja lub blok z pustym polem nagłówka, podczas gdy motyw i tak wyświetla pusty znacznik. Uzupełnij nagłówek w edytorze motywu albo zmień kod Liquid sekcji, aby znacznik pojawiał się tylko wtedy, gdy pole ma tekst.
W Shoptet (CZ)
Zwykle pochodzi z szablonu lub pustego bloku tekstu. Uzupełnij lub usuń blok w administracji; jeśli nagłówek jest częścią samego szablonu, zwróć się do Shoptet lub partnera.
W PrestaShop
Często pochodzi z bloku motywu lub modułu z pustym tytułem. Uzupełnij tytuł w konfiguracji modułu albo zmień plik .tpl, aby nagłówek wyświetlał się tylko wtedy, gdy jest tekst.
W WooCommerce
Często pochodzi z pustych widżetów nagłówka w kreatorze stron lub z szablonów motywu, które wyświetlają tytuł nawet wtedy, gdy go nie ma. Usuń pusty widżet albo popraw szablon w motywie potomnym.
Normy
To nie kryterium WCAG, lecz zalecana praktyka, która ułatwia korzystanie ze strony.
Automatyczny test: reguła axe-core empty-heading.
dequeuniversity.com, github.com, www.w3.org