Přístupný školní web.
Kde začít v pondělí.
Jan Polzer · BUMeeting · 7. listopadu 2026
Vyberte konkrétní úkol: najít termín zápisu, otevřít jídelníček nebo kontaktovat školu. Zkuste ho dokončit a zapisujte překážky.
Jde o orientační kontrolu běžných bariér. Tento checklist ani bezchybný výsledek automatického nástroje nepotvrzují přístupnost celého webu.
1. Pět minut bez speciálních nástrojů
- Odložte myš. Pomocí Tab a Shift+Tab procházejte odkazy a tlačítka. Enter aktivuje odkaz či tlačítko, mezerník tlačítko. Vidíte vždy, kde je focus? Dostanete se na důležité místo?
- Otevřete nabídku a popup. Lze je ovládat klávesnicí? U modálního dialogu má focus vstoupit dovnitř a Tab zůstat uvnitř. Dialog musí jít zavřít, typicky i pomocí Esc. Po zavření se focus obvykle vrací na spouštěč. Držení focusu v otevřeném modalu je správné; past bez možnosti zavření je problém.
- Sledujte překryvy. Cookie lišta, popup ani přilepená hlavička nemají skrýt ovládaný prvek. Na úrovni WCAG 2.2 AA nesmí být prvek po získání focusu autorským obsahem zcela skrytý; cílem je plná viditelnost.
- Zvětšete stránku na 200 %. Zůstává čitelná a ovladatelná? Nezmizelo tlačítko nebo část textu? Samostatně lze ověřit také přizpůsobení obsahu úzkému oknu.
- Vyzkoušejte formulář. Má pole trvalé popisky? Vysvětluje chyba, co se stalo a jak ji opravit? Nestačí pouze červená barva.
2. Co může zlepšit redakce
- Skutečné nadpisy. V editoru používejte Nadpis 1/2/3 podle struktury. Velký tučný odstavec nadpis nenahradí.
- Srozumitelné odkazy. Místo „zde“ raději „Přihláška k zápisu (PDF)“. Čtenář má rozumět cíli odkazu.
- Informace také v textu. Termín, místo a pokyny nepatří pouze na plakát nebo do naskenovaného dokumentu. Plakát může doplňovat běžný text stránky.
- Dokumenty. Kde je to možné, dejte zásadní informace přímo do HTML. PDF může být přístupné, ale samotný formát ani označitelný text to nezaručuje.
3. Alt má být přítomný. Popis ne vždy.
Pro běžné obrázky v HTML používejte atribut alt podle účelu. Prázdný alt není chybějící alt.
| Účel obrázku | Vhodná alternativa |
|---|---|
| Přináší informaci | Stručná textová náhrada důležité informace podle kontextu. |
| Je jen dekorací nebo opakuje již dostupný text | alt="" — asistivní technologie ho mohou přeskočit. Nevynechávejte atribut a nedávejte do něj mezeru. |
| Je jediným obsahem odkazu či tlačítka | Název cíle nebo funkce, například „Materiály k workshopu“, nikoli „Ikona papíru“. |
| Je vedle textu uvnitř stejného odkazu | Pokud text již dostatečně popisuje cíl, obrázek může mít alt="". |
Označení „ilustrační“ samo nerozhoduje. Fotka ukazující bezbariérový vstup může nést důležitou informaci. CSS dekorace atribut alt nemá.
4. Nástroje
- WAVE — online kontrola veřejné stránky. Upozornění interpretujte v kontextu. Online nástroj nevidí lokální soubory; pro ty je potřeba rozšíření.
- WebAIM Contrast Checker — kontrast textu a pozadí. WCAG AA: běžný text nejméně 4,5 : 1, velký text 3 : 1. Velký text je alespoň 18 pt (24 CSS px), nebo 14 pt (přibližně 18,7 CSS px) tučně.
- Accessibility Insights for Web — rozšíření pro Chrome/Edge, automatické kontroly a pomoc s ověřením pořadí focusu.
- Klávesnice a zoom prohlížeče — začněte hned, bez instalace.
5. Jak zadat opravu dodavateli
Na stránce [adresa] otevřu oznámení a stisknu Tab. Focus přejde na odkaz za překryvem, který není vidět. Očekávám focus uvnitř modálního dialogu, ovládání klávesnicí, možnost zavření a návrat na spouštěč. Přikládám postup a krátký záznam.
Uveďte URL, konkrétní kroky, očekávaný a skutečný výsledek. Oddělte ověřené zjištění od domněnky. Začněte několika důležitými stránkami a dejte opravám priority.