Kedy kontrolu použiť
Prečítajte osnovu bez odsekov. Ak z nej neviete určiť tému a poradie otázok, opravte pomenovanie a hierarchiu. Samotný počet H1 nie je dôkazom penalizácie.
Vedieť, čo kontrolujete.
Nadpisy vytvárajú osnovu dokumentu. H1 pomenúva hlavný obsah, podnadpisy rozdeľujú jeho časti. Ich význam určuje HTML, nie veľkosť či tučnosť textu v dizajne.
Praktický príklad
H1: Oprava kávovaru
H2: Ako prebieha diagnostika
H3: Čo priniesť do servisu
H2: Cena a schválenie opravy
H2: Vyzdvihnutie a kontaktČastá chyba
Nahradenie každého tučného textu tagom H2 zhorší osnovu. Preskočenú úroveň treba posúdiť v kontexte; audit má upozorniť na štruktúru, nie automaticky prepisovať obsah.
Rozumieť výsledku. Urobiť správnu zmenu.
Ako skontrolovať hierarchiu nadpisov
Zoznam nadpisov by mal vysvetliť tému a poradie otázok. „Viac“, „Naša ponuka“ a „Ďalšie informácie“ často zakrývajú, o čom sekcie skutočne sú.
- Hlavný nadpis nech pomenuje konkrétnu stránku.
- H2 použite pre hlavné otázky a H3 pre ich podtémy.
- Názov sekcie overte proti obsahu, ktorý pod ním nasleduje.
Prečo úroveň nadpisu neurčuje veľkosť písma
Veľký reklamný slogan nemusí byť nadpisom dokumentu. Malý nadpis môže byť dôležitou podsekciou; vizuálnu veľkosť nastavte štýlom bez zmeny významu HTML.
- Nepoužívajte H4 iba preto, že má v téme vhodnú veľkosť.
- Obyčajnú zvýraznenú vetu nechajte odsekom.
- Po oprave skontrolujte aj rozloženie na mobile.
Ako opraviť nadpisy v kartách a šablónach
Karta produktu môže byť pod H2 na kategórii, ale inde je vložená do hlbšej sekcie. Pevná úroveň v komponente môže vytvárať nelogickú osnovu.
- Skontrolujte názvy kariet, pätičku, navigáciu a logo.
- Pri zdieľanom komponente určte úroveň podľa nadradenej sekcie.
- Neodstraňujte nadpis len preto, aby sedel počet v audite.
Ako overiť navigáciu pomocou nadpisov
Správna osnova pomáha aj ľuďom, ktorí preskakujú medzi nadpismi čítačkou obrazovky. Skontrolujte reálne poradie v DOM, nie iba vizuálne rozmiestnenie stĺpcov.
- Prejdite nadpisy od začiatku po koniec hlavného obsahu.
- Skontrolujte, či skryté mobilné menu nevytvára zbytočné duplikáty.
- Po úprave šablóny overte článok, službu aj kategóriu.
Primárny zdroj: www.w3.org ↗
Časté otázky
Čo ak nadpis vyzerá správne, ale audit ho nenašiel?
Vizuálny text môže byť obyčajný div, obrázok alebo pseudo-element. Skontrolujte HTML a strom prístupnosti. Ak skutočne pomenúva sekciu, použite zodpovedajúci nadpis a vzhľad nastavte cez CSS. Nevkladajte ďalší skrytý H1 len na získanie bodov; návštevník aj asistenčné technológie potrebujú rovnakú zrozumiteľnú osnovu.
Kedy môžete úlohu uzavrieť
Osnova čítaná bez bežných odsekov zrozumiteľne opisuje obsah. Logo, bannery a opakované navigačné prvky nezakrývajú hlavný nadpis konkrétnej stránky.