Checklist přístupnosti firemního webu: kariéra, PDF, stránky pro investory a formuláře

Checklist přístupnosti firemního webu: navigace, kariéra a žádosti o práci, PDF a výroční zprávy, video, formuláře, cookie lišty a prohlášení.

Redakce FixReports7 min čtení

Firemní web málokdy něco přímo prodává, a tak se jeho problémy s přístupností snadno přehlédnou. Právě tam ale lidé žádají o práci, investoři čtou výroční zprávy, novináři hledají tiskové zprávy a zákazníci kontaktní údaje, a každý z těchto úkolů může zablokovat bariéra: žádost o práci, kterou nejde dokončit klávesnicí, výroční zpráva zveřejněná jako PDF bez tagů, video bez titulků, cookie lišta, která uvězní fokus. Tento checklist prochází WCAG 2.2 na úrovni AA podle sekcí, které má většina firemních webů, a uvádí, co v každé zkontrolovat.

Hlavní body

  • WebAIM v roce 2026 našel zjistitelné chyby podle WCAG na 95,9 % domovských stránek milionu nejnavštěvovanějších webů; nejčastější byly text s nízkým kontrastem (83,9 %) a chybějící alternativní text (53,1 %) (WebAIM (otevře se v nové kartě)).
  • WCAG se vztahuje nejen na webové stránky, ale i na dokumenty zveřejněné na webu, například PDF; W3C zveřejňuje techniky, jak PDF zpřístupnit (W3C (otevře se v nové kartě)).
  • Předem nahrané video potřebuje titulky (1.2.2, úroveň A) a zvukový popis tam, kde obraz nese informace, které nezazní ve zvuku (1.2.5, AA) (W3C (otevře se v nové kartě)).
  • Ministerstvo spravedlnosti USA v pokynech z roku 2022 uvedlo, že se ADA vztahuje na webové služby firem otevřených veřejnosti, aniž by stanovilo konkrétní technický standard (ADA.gov (otevře se v nové kartě)).
  • W3C nabízí pokyny a bezplatný generátor pro sepsání prohlášení o přístupnosti (W3C (otevře se v nové kartě)).

Proč na přístupnosti firemního webu záleží?

Protože návštěvníci, kteří na ní závisejí, jsou často právě ti, které nejvíc chcete oslovit: uchazeči, zákazníci, partneři a investoři. Světová zdravotnická organizace odhaduje, že 1,3 miliardy lidí, tedy zhruba každý šestý člověk, žije s významným zdravotním postižením (WHO (otevře se v nové kartě)). Ještě víc lidí používá místo myši klávesnici, zvětšuje text nebo čte na telefonu v ostrém světle.

Je tu i hledisko souladu s předpisy, které se liší podle země a podle toho, komu web slouží. Subjekty veřejného sektoru v EU musí splňovat směrnici o přístupnosti webových stránek; firmy, které prodávají spotřebitelům v EU, mohou spadat pod Evropský akt o přístupnosti; v USA Ministerstvo spravedlnosti uvedlo, že se ADA vztahuje na webové služby firem otevřených veřejnosti (ADA.gov (otevře se v nové kartě)). Čistě B2B web nemusí pod některé z těchto předpisů spadat, ale větší zákazníci se dodavatelů na přístupnost ptají stále častěji. Naši průvodci o Evropském aktu o přístupnosti a předžalobních výzvách podle ADA vysvětlují souvislosti; nejde o právní radu.

Co zkontrolovat na každé stránce?

Tyto problémy pocházejí ze sdílených šablon, takže jejich jednorázová oprava opraví celý web:

  • Kontrast: text obsahu alespoň 4.5:1 vůči pozadí, velký text 3:1 (1.4.3). Obvyklými chybami jsou světle šedý text a bílý text na barvách značky. Kontrola barevného kontrastu otestuje libovolnou dvojici barev.
  • Klávesnice: každý odkaz, nabídka a tlačítko dosažitelné klávesou Tab a ovladatelné klávesou Enter nebo mezerníkem, s viditelným indikátorem fokusu (2.1.1, 2.4.7). Častým problémem jsou mega menu a karusely.
  • Odkaz pro přeskočení a orientační oblasti: způsob, jak přeskočit záhlaví a přejít na hlavní obsah (2.4.1), a orientační oblasti header, nav, main a footer.
  • Nadpisy: jeden nadpis H1 na stránku a logická struktura nadpisů (1.3.1), aby uživatelé čteček obrazovky mohli stránku rychle projít.
  • Text odkazů: odkazy srozumitelné i mimo kontext, ne desetkrát opakované „Číst dál“ (2.4.4).
  • Jazyk: atribut lang na každé stránce a u pasáží v jiném jazyce (3.1.1, 3.1.2), aby je čtečky obrazovky správně vyslovovaly.
  • Zvětšení a přeskupení obsahu: obsah použitelný při zvětšení na 200 % a při šířce 320 pixelů bez vodorovného posouvání (1.4.4, 1.4.10).

Jak zpřístupnit kariérní stránky a žádosti o práci?

V kariérní sekci mají bariéry nejzřetelnější následky: uchazeče, který nedokáže dokončit žádost, nelze vzít v úvahu.

  • Pracovní nabídky: filtry a vyhledávání musí fungovat z klávesnice a oznamovat čtečkám obrazovky počty výsledků (4.1.3).
  • Formuláře žádostí: každé pole potřebuje viditelný popisek (3.3.2), chyby musí být popsané textem (3.3.1) a tlačítka pro nahrání souborů musí mít přístupné názvy.
  • Časové limity: pokud formulář vyprší, varujte lidi a umožněte jim čas prodloužit (2.2.1).
  • Náborové systémy třetích stran (ATS): mnoho firem přijímá žádosti v externím systému. Požádejte dodavatele o jeho zprávu o shodě s požadavky na přístupnost (Accessibility Conformance Report), otestujte proces žádosti sami klávesnicí a nabídněte alternativní způsob, jak se o místo ucházet, například e-mailem, uvedený na kariérní stránce.
  • Testy a video pohovory: ověřte, že nástroje pro online testy a video pohovory podporují čtečky obrazovky, titulky a na požádání delší čas.

Jak zveřejňovat přístupná PDF a výroční zprávy?

Výroční zprávy, zprávy o udržitelnosti, brožury a dokumenty se zásadami se často zveřejňují jen jako PDF a mnoho z nich nemá tagy: čtečka obrazovky je přečte jako jeden blok textu, nebo vůbec.

  • Dávejte přednost HTML u důležitého obsahu. Webovou stránku je snazší zpřístupnit, lépe funguje na telefonech a snáz se v ní vyhledává.
  • Pokud zveřejňujete PDF, opatřete ho tagy. Exportujte ze zdrojového dokumentu (Word, InDesign) se zapnutými tagy, aby se zachovaly nadpisy, seznamy, tabulky a pořadí čtení. Přístupná PDF definuje norma PDF/UA (ISO 14289).
  • Zkontrolujte základy: název dokumentu, jazyk dokumentu, alternativní text u grafů a obrázků, skutečná záhlaví tabulek a logické pořadí čtení. Adobe Acrobat Pro má vestavěnou kontrolu přístupnosti; PAC je bezplatný kontrolní nástroj pro Windows.
  • Naskenované dokumenty jsou obrázky textu a potřebují OCR a tagy, nebo verzi v HTML.
  • Finanční tabulky: označte řádky a sloupce záhlaví; v HTML použijte <th> se scope.

A co video, webcasty a podcasty?

  • Titulky u všech předem nahraných videí s mluveným slovem (1.2.2, A) a u živých webcastů (1.2.4, AA). Automatické titulky je třeba kontrolovat: jména, čísla a odborné výrazy v nich často nesedí.
  • Zvukový popis tam, kde jsou důležité informace jen vizuální, například text na slidech, který řečník nepřečte (1.2.5, AA). Nejjednodušším řešením často je, aby řečník slide popsal.
  • Přepisy podcastů a čistě zvukového obsahu (1.2.1, A).
  • Ovládání přehrávače: vložený přehrávač musí jít ovládat klávesnicí a zvuk, který se automaticky přehrává déle než tři sekundy, musí jít pozastavit nebo zastavit (1.4.2).

Průvodce W3C ke zpřístupnění audia a videa pokrývá plánování, titulky i zvukový popis (W3C (otevře se v nové kartě)).

Jak zpřístupnit kontaktní formuláře, mapy a pobočky?

  • Formuláře: popisky, srozumitelné chybové zprávy a žádná CAPTCHA, která spoléhá jen na čtení zkresleného textu nebo řešení hádanek; nabídněte alternativu (W3C (otevře se v nové kartě)).
  • Kontaktní údaje jako text: telefonní čísla, e-mailové adresy a adresy kanceláří napsané na stránce, ne jen v obrázku nebo na mapě.
  • Mapy: vloženou mapu se čtečkou obrazovky ovládá těžko; přístupnou alternativou je adresa a popis cesty v textu.
  • Chatové widgety: ověřte, že je lze otevřít, používat a zavřít klávesnicí a že nezakrývají obsah s fokusem (2.4.11).

Často, protože se zobrazí jako první a leží nad vším ostatním.

  • Lišta musí být dosažitelná a ovladatelná klávesnicí a klávesa Tab z ní musí umět odejít (2.1.2, No Keyboard Trap) (W3C (otevře se v nové kartě)).
  • Její tlačítka potřebují jasné názvy a dostatečný kontrast; „Odmítnout“ musí jít najít stejně snadno jako „Přijmout“.
  • Nesmí zakrývat prvek s fokusem na stránce pod sebou (2.4.11).

Naše skeny začínají na vaší domovské stránce se stále zobrazenou cookie lištou, protože právě na ni uživatel klávesnice narazí nejdřív, a pokud se přes ni klávesa Tab nedostane, nahlásí past pro fokus.

Potřebujete prohlášení o přístupnosti?

Subjekty veřejného sektoru v EU ho musí zveřejnit. Pro firmy je obvykle dobrovolné, i když Evropský akt o přístupnosti vyžaduje, aby služby, na které se vztahuje, poskytovaly informace o tom, jak jeho požadavky splňují. Dobré prohlášení uvádí, o jaký standard usilujete, známá omezení, jak mohou lidé nahlásit problém nebo požádat o obsah v jiném formátu a kdy bylo naposledy revidováno. W3C zveřejňuje pokyny a bezplatný generátor (W3C (otevře se v nové kartě)).

Pište ho poctivě: tvrdit plnou shodu po automatickém skenu je samo o sobě riziko, protože automatické testy nedokážou zkontrolovat všechno.

Jak otestovat firemní web?

  1. Spusťte automatický sken domovské stránky, kariérní stránky, článku z aktualit, kontaktní stránky a každého formuláře. Náš bezplatný test přístupnosti testuje klíčové stránky ve skutečném prohlížeči podle WCAG 2.2 A a AA a kontrola alternativního textu vypíše každý obrázek na stránce.
  2. Testujte klávesnicí: projděte nabídku, ucházejte se o místo a odešlete kontaktní formulář jen pomocí klávesnice.
  3. Zkontrolujte dokumenty: otevřete nejdůležitější PDF se čtečkou obrazovky nebo v nástroji pro kontrolu přístupnosti PDF.
  4. Pusťte si svá videa se zapnutými titulky a vypnutým zvukem.
  5. Požádejte lidi s postižením, aby vyzkoušeli klíčové úkoly; odhalí to problémy, které žádný checklist nepředpoví.

Často kladené otázky

Vztahuje se WCAG na PDF?

Ano. WCAG se vztahuje na webový obsah včetně dokumentů zveřejněných na webu. W3C zveřejňuje konkrétní techniky, jak WCAG splnit v souborech PDF.

Náš kariérní web provozuje třetí strana. Je to naše odpovědnost?

Z pohledu uchazeče jde o váš výběrový proces. Požádejte dodavatele o zprávu o shodě s požadavky na přístupnost, otestujte proces a nabídněte alternativní způsob, jak se o místo ucházet. Zda nesete právní odpovědnost, záleží na vaší jurisdikci.

Splňují automatické titulky WCAG?

Jen pokud jsou přesné. Automatické titulky často pletou jména, čísla a odborné výrazy; než se na ně spolehnete, zkontrolujte je a opravte.

Stačí firemnímu webu přístupnostní overlay?

Ne. Overlaye neopraví samotný kód, dokumenty ani videa. Přečtěte si našeho průvodce přístupnostními overlayi a rozhodnutím FTC.

O jaký standard by měl firemní web usilovat?

WCAG 2.2 na úrovni AA je aktuální verze a obvyklý cíl; mnoho zákonů a pravidel stále odkazuje na WCAG 2.1 AA, které web splňující 2.2 AA splňuje také.

Zdroje

Všichni průvodci