Přejít na obsah
EUID Kontrolní služba & pečeť, Úvodní stránka
Nechat zkontrolovat web

This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung

Přístupnost

Proč musí být nadpisy a tabulky v kódu čistě označené?

Nadpisy a tabulky musí být v kódu čistě označené, protože odečítače obrazovky a vyhledávače podle toho jediného poznají uspořádání stránky. Vidící návštěvník na první pohled vidí, co je nadpis a co záhlaví tabulky — nevidomý návštěvník a Google se to dozví, jen když je to takto pojmenované i v kódu. Tučně vytištěný text není nadpis.

Struktura v kódu: obsah stránky

Odečítače obrazovky nabízejí nevidomým návštěvníkům zkratku: skákat z nadpisu na nadpis, jako se přelétne obsah knihy. To funguje jen tehdy, jsou-li nadpisy v kódu označené jako takové — s úrovněmi od H1 po H6, jako kapitoly a podkapitoly. Přeskočí-li značení z H1 rovnou na H4, působí to jako kniha, ve které po kapitole 1 hned následuje oddíl 1.1.1.1: návštěvník se ptá, co zmeškal. U tabulek platí totéž: jen když je záhlaví označené jako záhlaví, dokáže odečítač obrazovky u každého čísla ohlásit, ke kterému sloupci patří. I Google využívá tuto strukturu, aby porozuměl vašemu obsahu.

Jak naše měřicí jádro kontroluje strukturu stránky

Automatická kontrola kombinuje dva nástroje. Kontrolní nástroj axe-core zkoumá seznamy, popisné seznamy a technické vazby mezi prvky. Navíc vlastní kontrolní kroky prověřují dva body, které axe-core ve standardním běhu nepokrývá: přeskočené úrovně nadpisů — třeba H1 hned následované H4 — a datové tabulky bez jediné označené záhlavní buňky. Obojí jsou doložitelná porušení a jako taková se promítají do zprávy. Důležité pro zařazení: toto kritérium je pojaté tak široce, že nenápadný automatický běh u nás nikdy neplatí za „splněno“ — zpráva ho pak uvádí jako „zkontrolovat ručně“ a u Zlatého standardu strukturu posoudí člověk.

Čistá struktura se přímo vyplácí u Googlu

Stejné značení, které nevidomým návštěvníkům umožňuje skákat, pomáhá vaší dohledatelnosti: Google při zařazování stránky přikládá nadpisům váhu a dobře strukturovaný obsah zobrazuje spíš jako zvýrazněnou odpověď ve výsledcích hledání. Stránka s přesně jedním hlavním nadpisem, smysluplně odstupňovanými mezinadpisy a skutečnými seznamy působí na vyhledávač jako dobře členěný dokument. Naopak stránka, jejíž „nadpisy“ jsou jen tučně formátovaný text, tento signál zcela promarní — pro stroj je to obyčejný běžný text bez váhy.

Příklady

Název jako tučný text

Nesplněno
<p><strong style="font-size:24px">Öffnungszeiten</strong></p>
<p>Montag bis Freitag 8–16 Uhr</p>
Plněné
<h2>Öffnungszeiten</h2>
<p>Montag bis Freitag 8–16 Uhr</p>

V seznamu hlaviček programu read- out se objeví pouze skutečný prvek h.

Datová tabulka bez hlaviček

Nesplněno
<table>
  <tr><td>Tarif</td><td>Preis</td></tr>
  <tr><td>Basis</td><td>9 €</td></tr>
</table>
Plněné
<table>
  <caption>Tarife</caption>
  <thead><tr><th scope="col">Tarif</th><th scope="col">Preis</th></tr></thead>
  <tbody><tr><td>Basis</td><td>9 €</td></tr></tbody>
</table>

S th a rozsah, read- out program říká do každé buňky, který sloupec patří do.

  • Požádejte svou agenturu o přehled úrovní nadpisů svých nejdůležitějších stránek — stupně by měly být bez mezer jako obsah.
  • Zkontrolujte své tabulky: každá datová tabulka potřebuje první řádek nebo sloupec označený jako záhlaví.
  • Nahraďte tučně formátovaný text, který slouží jako nadpis, skutečnými nadpisy v redakčním systému.
  • Používejte v redakčním systému funkci seznamů místo ručního psaní odrážek.
  • Přidělte každé stránce přesně jeden hlavní nadpis, který pojmenovává téma stránky.

Deutsche Fassung dieser Seite

  • Pečeť Digitale Barrierefreiheit
  • Pečeť Daten & Recht
  • Pečeť Technische Qualität
  • Pečeť Digital Excellence
  • Pečeť Cyberversicherung

Zkontrolováno. Pro lepší digitální budoucnost.euid.com