Blog

Přístupnost webu školy: 10 nejčastějších chyb (a jak je opravit)

Zákon 99/2019 Sb. ukládá veřejným školám, aby jejich povinně zveřejňovaný obsah splňoval standard WCAG 2.1 AA. Povinnost platí od září 2020 — a přesto se stejné chyby opakují znovu a znovu. Tady jsou ty nejčastější a co s nimi.

Autor: Martin Uhlíř, webproskolu.cz Publikováno: 28. 5. 2026 Délka čtení: ~9 minut

Stručně

  • Zákon: zákon 99/2019 Sb. se vztahuje na veřejné školy (příspěvkové organizace zřízené obcí nebo krajem), technický standard je WCAG 2.1 AA.
  • Rozsah: povinně jen povinně zveřejňovaný obsah — ale zpřístupnit celý web je praktičtější a levnější.
  • Prohlášení o přístupnosti: zákonná povinnost dle §9, patří do zápatí webu.
  • Nejčastější chyby: chybějící alt texty, slabý kontrast, skenovaná PDF, nefunkční ovládání klávesnicí, neaktuální prohlášení.
  • Prvotní kontrola zadarmo: nástroj WAVE nebo Google Lighthouse zachytí přibližně 30–40 % chyb automaticky.

Co říká zákon — a koho se týká

Zákon č. 99/2019 Sb. o přístupnosti internetových stránek a mobilních aplikací subjektů veřejného sektoru transponuje do českého práva unijní směrnici 2016/2102. Zákon výslovně jmenuje „školy a školská zařízení" jako povinné subjekty.

Technickým standardem je WCAG 2.1, úroveň AA, zapracovaná do harmonizované normy EN 301 549 V3.2.1. WCAG 2.2 bylo sice publikováno v říjnu 2023, ale k datu tohoto článku nebylo ještě součástí harmonizované normy — legislativně tedy povinné není, i když sledování jeho vývoje doporučujeme. Aktuální stav ověřte na dia.gov.cz.

Důležité upřesnění: zákon říká, že se povinnost vztahuje jen na obsah, který je škola povinována zveřejňovat (povinně zveřejňované informace dle zák. 106/1999, dokumenty dle školského zákona, přijímací řízení). Celý web školy tedy povinně nemusí WCAG 2.1 AA splňovat. Praxe ale ukazuje, že zpřístupnit celý web je jednodušší a levnější, než řešit, kde přesně povinná část končí.

Soukromé školy (s. r. o., z. ú.) subjektem veřejného sektoru zpravidla nejsou — zákon 99/2019 se na ně nevztahuje. Přístupnost se jim přesto doporučuje jako dobrá praxe.

Dozorovým orgánem je Digitální a informační agentura (DIA), kontakt: pristupnost@dia.gov.cz.

Zdroje pro tuto sekci: zákon č. 99/2019 Sb. (zakonyprolidi.cz), DIA — metodický pokyn v1.7 (srpen 2025), DIA FAQ. Ověřte aktuální stav harmonizace WCAG 2.2 před implementací.

Prohlášení o přístupnosti: zákonná povinnost, kterou většina škol nemá

Než se dostaneme k deseti chybám, jedna věc stojí za samostatnou zmínku: prohlášení o přístupnosti.

Zákon 99/2019 v §9 přikazuje každému povinnému subjektu zveřejnit na webu prohlášení o přístupnosti. Musí být samo přístupné (splňovat WCAG 2.1 AA) a doporučuje se ho umístit do zápatí webu jako odkaz.

Prohlášení musí obsahovat:

  • závazek k přístupnosti (odkaz na zákon 99/2019 a směrnici 2016/2102)
  • doménu nebo URL webu
  • stav souladu: „plně v souladu" / „částečně v souladu" / „v nesouladu"
  • seznam nepřístupného obsahu a důvod nesouladu
  • datum přípravy prohlášení a datum posledního auditu
  • kontakt pro hlášení problémů
  • kontakt na DIA jako dozorový orgán

Vzor prohlášení zveřejňuje DIA na svém webu. Výsledný dokument by měl popisovat reálný stav — ne ideální. „Částečně v souladu" je přijatelný stav, pokud je doplněn seznamem konkrétních nedostatků a plánem nápravy.

Podrobněji toto téma rozebíráme v průvodci Přístupnost školního webu.

10 chyb, které vidíme na školních webech nejčastěji

Chyba 1 · WCAG 1.1.1 (úroveň A)

Obrázky bez alternativního textu

Alt text je textový popis obrázku, který se zobrazí, když obrázek nelze zobrazit — a který přečte hlasový čtečkový program nevidomým uživatelům. Bez alt textu čtečka přečte název souboru: IMG_3847.jpg nebo dsc00214.jpg. To nikomu nic neříká.

Chyba je velmi rozšířená u fotek z akcí nahraných přes galerie, u log sponzorů a u infografik ve formátu obrázku.

Jak opravit Ke každému obrázku, který nese informaci, doplňte stručný popis v atributu alt. Dekorativní obrázky (pozadí, grafické prvky bez obsahu) dostanou prázdné alt="" — čtečka je pak přeskočí. V redakčních systémech pro školy bývá pole pro alt text součástí uploadu obrázku.

Chyba 2 · WCAG 1.4.3 (úroveň AA)

Nedostatečný kontrast textu vůči pozadí

Standard WCAG 2.1 požaduje minimální kontrastní poměr 4,5:1 pro běžný text a 3:1 pro velký text (přibližně 18 pt / 14 pt tučně). Šedý text na bílém pozadí, světlý text na světle zeleném proužku nebo bílý text na žluté ploše — to jsou typické příklady selhání.

Nízký kontrast komplikuje čtení lidem se slabozrakostí, ale taky každému, kdo čte web na slunci nebo na starším monitoru.

Jak opravit Změřte kontrast zdarma v nástroji WebAIM Contrast Checker: zadáte barvu textu a barvu pozadí, dostanete poměr a výsledek. Pokud poměr nevychází, ztmavte text nebo zesvětlete pozadí — nebo obojí.

Chyba 3 · WCAG 1.4.5 (úroveň AA)

Skenovaná PDF: obrázek místo textu

Školní řády, výroční zprávy, jídelníčky — školy je typicky skenují a vkládají na web jako PDF. Sken je obrázek. Nelze ho prohledávat, nelze ho přečíst čtečkou, nelze v něm označit text. Pro uživatele s postižením je to mrtvý soubor.

Jak opravit Dokumenty exportujte přímo ze zdrojového souboru (Word, LibreOffice) jako PDF — takové PDF je textové a prohledávatelné. Pokud máte jen papírový originál, použijte OCR (rozpoznávání textu) při skenování — většina moderních kopírek to umí. Textové PDF pak zkontrolujte v Adobe Acrobat nebo PAC 2024 (zdarma).

Chyba 4 · WCAG 2.1.1 (úroveň A)

Web nelze ovládat jen klávesnicí

Celý web musí být ovladatelný bez myši — pouze klávesnicí (Tab, Enter, mezerník, šipky, Esc). To platí pro navigaci, formuláře, galerie, rozbalovací menu i modal okna. Uživatelé s motorickým postižením nebo ti, kteří z různých důvodů myš nepoužívají, se jinak na části webu nedostanou.

Jak opravit Odložte myš a projděte celý web jen Tabem. Každý prvek, na který lze kliknout, musí mít viditelný focus (zvýraznění při aktivaci klávesnicí). Pokud focus zmizí nebo se někde „zasekne", je to chyba. Vizuální focus indikátor je záměrně viditelný — neodstraňujte ho kvůli estetice.

Chyba 5 · WCAG 3.1.1 (úroveň A)

Chybějící atribut jazyka v kódu stránky

Každá stránka musí mít v HTML tagu atribut lang se správným kódem jazyka: <html lang="cs">. Bez tohoto atributu čtečka neví, jakým jazykem stránku číst — a přepne se na výchozí jazyk prohlížeče nebo systému, což bývá angličtina. Česká slova pak čtečka vyslovuje anglicky.

Jak opravit Ověřte zdrojový kód stránky (Ctrl+U nebo DevTools): první řádek po <!doctype html> by měl být <html lang="cs">. Většina redakčních systémů to nastavuje automaticky — zkontrolujte, zda je jazyk správně nakonfigurovaný.

Chyba 6 · WCAG 2.4.4 (úroveň AA)

Neinformativní texty odkazů

„Klikněte zde", „Více", „ZDE", „Odkaz" — to jsou texty odkazů, které nic neříkají. Uživatelé čteček si nechávají číst seznam všech odkazů na stránce, aby mohli rychle přeskočit na správné místo. Pokud všechny znějí „klikněte zde", orientace je nemožná.

Jak opravit Text odkazu musí dávat smysl sám o sobě. Místo „Klikněte zde pro výroční zprávu" napište „Výroční zpráva 2025 (PDF)". Místo „Více" napište „Více o přijímacím řízení". Stačí upravit texty přímo v redakčním systému — žádný zásah do kódu není potřeba.

Chyba 7 · §9 zák. 99/2019

Chybějící nebo zastaralé prohlášení o přístupnosti

Jde o zákonnou povinnost, ne o doporučení. Přesto ji velká část školních webů nesplňuje — prohlášení buď chybí úplně, nebo je na webu od roku 2021 bez jakékoli aktualizace. DIA při monitoringu hledá tuto chybu jako první.

Jak opravit Vytvořte samostatnou stránku nebo stáhněte vzor z dia.gov.cz. Prohlášení umístěte do zápatí webu jako odkaz (např. „Prohlášení o přístupnosti"). Aktualizujte ho vždy, když proběhne audit nebo se změní obsah, který byl označen jako nepřístupný.

Chyba 8 · WCAG 1.4.10 (úroveň AA)

Web nefunguje na úzkém okně a mobilu

Kritérium Reflow říká, že obsah se musí přizpůsobit zobrazení při šířce odpovídající 320 pixelům bez horizontálního posuvníku. Jinými slovy: web musí jít číst na úzkém telefonu nebo při výrazném přiblížení (zoom 400 %) bez toho, aby uživatel musel scrollovat doleva a doprava.

Jak opravit Otestujte web v prohlížeči Chrome nebo Firefox (stiskněte F12 a přepněte na mobilní pohled) při šířce 320 px. Pokud se obsah ořezává nebo přetéká, je potřeba upravit CSS — nejčastěji jde o pevné šířky (width: 800px) nebo tabulky bez responzivního obalu.

Chyba 9 · WCAG 1.2.2 (úroveň A)

Videa bez titulků

Každé video se zvukovou stopou, které škola zveřejní, musí mít synchronizované titulky. Týká se to záznamu ze školní akademie, rozhovoru s ředitelem i prezentace pro rodiče. Bez titulků je obsah nedostupný pro neslyšící a nedoslýchavé uživatele.

Jak opravit YouTube automaticky generuje titulky — zkontrolujte jejich přesnost a v případě potřeby opravte přes Studio. Při vlastním hostování videa přidejte titulky ve formátu WebVTT nebo SRT přes HTML element <track>.

Chyba 10 · WCAG 1.3.1 (úroveň A)

Nadpisy bez logické hierarchie

Nadpisová struktura (H1, H2, H3...) není jen vizuální. Čtečky ji používají k navigaci stránkou — uživatel může přeskočit přímo na H2 stejně, jako člověk bez postižení přeskočí zrakem na tučný nadpis. Typické chyby: stránka má dva H1, nadpisy „přeskakují" z H2 na H4, nebo jsou použity jen kvůli vizuální velikosti bez sémantiky.

Jak opravit Každá stránka by měla mít přesně jeden H1 (název stránky). Pod ním H2 pro hlavní sekce, H3 pro podsekce H2 atd. Pořadí nesmí přeskakovat. Zkontrolujte hierarchii v rozšíření HeadingsMap pro Chrome nebo Firefox.

Kde začít: rychlá automatická kontrola

Automatické nástroje zachytí přibližně 30–40 % přístupnostních chyb. To je méně než polovina, ale dobrý startovní bod bez nutnosti objednávat audit.

Nástroj Jak ho použít Co zachytí
Google Lighthouse DevTools (F12) → záložka Lighthouse → Accessibility Skóre 0–100, seznam konkrétních chyb s popisem
WAVE (webaim.org) Zadejte URL na wave.webaim.org nebo nainstalujte rozšíření Vizuální překryv chyb přímo na stránce
Axe DevTools Rozšíření pro Chrome / Firefox, spustí se v DevTools Detailní výsledky s odkazem na WCAG kritérium

Zbytek — zejména kontrast v kontextu, ovladatelnost klávesnicí a srozumitelnost alternativních textů — vyžaduje ruční kontrolu nebo profesionální audit.

Podrobněji: Zákonné povinnosti veřejné školy vůči přístupnosti i seznam povinně zveřejňovaných informací shrnuje průvodce Přístupnost školního webu. Co všechno musí být na webu školy ze zákona uveřejněno, najdete v průvodci Co musí obsahovat web základní školy v 2026.

Nevíte, kde na vašem webu chyby jsou?

Uděláme bezplatný audit školního webu — projdeme přístupnost, zákonné povinnosti i technický stav. Výsledek dostanete do dvou pracovních dnů. Bez závazku.

Chci bezplatný audit webu

Nebo rovnou poptejte web splňující zákon o přístupnosti — pro ZŠ nebo pro MŠ.