This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Sémantická struktura: správné použití header, nav, main, footer
Sémantické prvky říkají, která část stránky je hlavní obsah a která navigace, hlavička nebo patička. Kontroluje se, zda stránka tyto oblasti označuje — bez toho musí každý vyhodnocovací systém hádat, co je skutečný obsah.
- Přínos je dvojí: screen readery nabízejí skoky do těchto oblastí a vyhodnocovací systémy dokážou oddělit navigaci a patičku od obsahu. Bez značení skončí menu v citovaném textu.
- Stránka ze samých prvků div vypadá opticky stejně, ale strukturně je slepá. Přechod na odpovídající prvky stojí málo a účinek je okamžitý.
FAQ
Stačí prvek main?
Je to nejdůležitější prvek, protože ohraničuje hlavní obsah. Spolu s nav, header a footer z toho vzniká úplná struktura.
Potřebujeme navíc role ARIA?
Zpravidla ne. HTML prvky nesou svou roli s sebou; další atributy ji jen opakují a při chybě mohou uškodit.