1.3.1 Informace a vztahy

Součást 1.3 Přizpůsobitelnost

Informace, struktura a vztahy zprostředkované prezentací mohou být programově určeny nebo jsou dostupné v textu.

Částečně automaticky

Toto kritérium testujeme částečně automaticky.

Co testujeme automaticky:

  • aria-required-children – ARIA role mají požadované potomky
  • aria-required-parent – ARIA role mají požadované rodiče
  • definition-list – Správná struktura definičních seznamů
  • list – Správná struktura seznamů
  • td-headers-attr – Buňky tabulky mají správné hlavičky
  • th-has-data-cells – Hlavičky tabulek mají datové buňky

Co vyžaduje manuální kontrolu:

  • Správné použití nadpisů a hierarchie
  • Sémantické označení formulářových skupin
  • Vizuální vs. programová struktura

Oficiální znění

Informace, struktura a vztahy vyjádřené prezentací lze programově určit nebo jsou k dispozici v textu.

Co to znamená v praxi

Vizuální formátování musí být podloženo správnou HTML strukturou, aby ho mohly interpretovat asistivní technologie.

Příklady:

  • Nadpisy – použijte <h1>-<h6>, ne jen velký tučný text
  • Seznamy – použijte <ul>/<ol>, ne odrážky jako text
  • Tabulky – použijte <th> pro záhlaví, ne jen tučný text
  • Formuláře – propojte popisky s políčky pomocí <label>

Originální znění

Originální znění W3C: WCAG 2.1 Success Criterion 1.3.1 Info and Relationships

 

1.3.1 Informace a vztahy

Informace, struktura a vztahy zprostředkované prezentací mohou být programově určeny nebo jsou dostupné v textu.
 

1.3.2 Srozumitelné pořadí

Pokud je pořadí obsahu důležité, může být programově určeno správné pořadí čtení.
 

1.3.3 Smyslové charakteristiky

Pokyny pro pochopení a ovládání obsahu nespoléhají pouze na smyslové charakteristiky jako tvar, velikost, pozice nebo zvuk.
 

1.3.4 Orientace

Obsah neomezuje zobrazení a ovládání na jednu orientaci obrazovky, pokud to není nezbytné.
 

1.3.5 Identifikace účelu vstupu

Účel vstupních polí pro informace o uživateli může být programově určen.
 

1.3.6 Identifikace účelu

V obsahu vytvořeném pomocí značkovacích jazyků lze programově určit účel prvků uživatelského rozhraní, ikon a regionů.