Jak zajistit přístupnost webu: Praktický checklist Praktický průvodce pro zajištění dostupnosti webu pro všechny uživatele

Zveřejněno: 2. Května 2025

Webová přístupnost je dnes nejen zákonnou povinností, ale především chytrou obchodní strategií.

Zajištěním přístupnosti umožníte všem uživatelům – nejen lidem se zdravotním postižením, ale i seniorům, osobám s horším zrakem, uživatelům mobilních zařízení nebo těm, kteří potřebují větší písmo a přehlednější strukturu – pohodlný přístup ke svému obsahu, produktům a službám. Tento článek nabízí přehledný checklist, který vám pomůže ověřit, že váš web odpovídá zásadám přístupnosti dle standardu WCAG 2.1 a zároveň poskytne praktické tipy k jednotlivým krokům.

Naše zkušenost: rychlé výsledky, ověřené postupy

V Blue System jsme již provedli desítky auditů přístupnosti pro klienty různých velikostí i oborů. Díky tomu víme, jak přístupnost efektivně vyhodnotit, komunikovat i realizovat.
Rychlý audit zvládneme dodat do 24 hodin. Hodí se zejména jako prvotní zmapování situace nebo jako podklad pro management. Obsahuje jasné závěry, prioritu problémů a praktická doporučení. Přečtěte si, jak probíhá audit přístupnosti webu.

Z vlastní zkušenosti víme, že pouze přibližně 5 % webů v Česku splňuje standardy přístupnosti podle WCAG 2.1. Nejčastější problémy zahrnují nedostatek kontrastu, špatně strukturovaný kód a nefunkční ovládání klávesnicí.

Pro podrobnější pohled na legislativní změny, které se týkají i soukromého sektoru, doporučujeme také článek Přístupnost webu a služeb: co čeká firmy a e‑shopy, který vysvětluje, koho se změny týkají a jaké jsou konkrétní povinnosti dle zákona č. 424/2023 Sb.

15 kroků k lepší přístupnosti webu

  • Alternativní texty (alt texty)Každý důležitý obrázek musí mít výstižný alternativní popis. Čtečky obrazovky tak umožní nevidomým uživatelům porozumět vizuálnímu obsahu. Alt texty by měly být krátké, výstižné a smysluplné.
  • Ovládání klávesnicíWeb by měl být plně ovladatelný pomocí klávesnice. To je klíčové pro osoby s omezenou pohyblivostí i pro pokročilé uživatele. Vyzkoušejte navigaci pomocí Tab a Enter – všechny prvky musí být dostupné.
  • Odkaz „Přeskočit na hlavní obsah“Zejména pro uživatele čteček nebo klávesnice je důležité mít možnost přeskočit opakující se navigaci a přejít rovnou k hlavnímu obsahu stránky.
  • Dostatečný kontrastTexty musí být čitelné i při zhoršeném zraku. Doporučený kontrastní poměr mezi textem a pozadím je minimálně 4.5:1.
  • Srozumitelný a strukturovaný obsahPoužívejte jednoduchý jazyk, srozumitelné formulace a logickou hierarchii nadpisů. Pomáhá to nejen osobám s poruchami učení, ale i běžným uživatelům.
  • Označení formulářůKaždé pole formuláře musí mít popisek (label), který je správně svázán s daným polem. Zajistíte tak správnou interpretaci pro čtečky obrazovky.
  • Chybová hlášeníChyby musí být označeny jak textem, tak barvou a případně ikonou. Nepoužívejte výhradně červenou – barvoslepí ji nemusí zaznamenat.
  • Žádné automatické změny obsahuWeb by neměl sám od sebe přesměrovávat ani měnit obsah bez vědomí uživatele. Všechny akce musí být potvrzeny.
  • Titulky a přepisy videíVidea s mluveným slovem musí být doplněna titulky, případně přepisem. Umožní to přístup i neslyšícím nebo uživatelům v hlučném prostředí.
  • Popisy pro vizuální a zvukový obsahInfografiky, diagramy nebo čistě vizuální obsah musí být doplněny textovým popisem. Totéž platí pro zvukové materiály.
  • Blikající a pohybující se prvkyZabraňte záchvatům a dezorientaci – žádný prvek by neměl blikat více než třikrát za sekundu. Animace by měly jít pozastavit.
  • Časové limityU interaktivních prvků s časovačem umožněte uživateli čas prodloužit nebo vypnout. Předejdete stresu a ztrátě dat.
  • Správné zobrazení na výšku i šířkuWeb musí být responzivní a správně se zobrazovat bez ohledu na orientaci zařízení. To ocení nejen uživatelé mobilních zařízení.
  • Podpora asistivních technologiíZajistěte kompatibilitu webu s čtečkami obrazovky, braillskými řádky a dalšími asistivními nástroji. Validní HTML a ARIA atributy jsou základ.
  • Prohlášení o přístupnostiNa webu by měla být stránka s informací o stavu přístupnosti, známých omezeních a kontaktem pro zpětnou vazbu. Je to zákonná i praktická nutnost.

eBook ZDARMA

Jak na přístupnost webu podle nového zákona

Získejte podrobného průvodce legislativními požadavky a k tomu jako bonus i tento checklist v PDF verzi.

Nejčastější dotazy

  • Jak mohu ověřit, že můj web odpovídá těmto bodům?
    Použijte automatizované nástroje jako WAVE, axe nebo AccessScan a doplňte je ručním testem. Zapojte i uživatele se speciálními potřebami. Pokud chcete mít jistotu, doporučujeme provést profesionální audit přístupnosti, který odhalí i skryté chyby a poskytne návrhy na konkrétní zlepšení.
  • Zvládnu úpravy i bez vývojáře?
    Ano, mnoho z těchto bodů lze upravit pomocí pluginů nebo jednoduchou úpravou obsahu a šablon. Pro profesionální výstup je vhodné kontaktovat vašeho správce webu.
  • Musím splnit všech 15 bodů?
    Ideálně ano. Pro právní i praktickou jistotu je vhodné web upravit tak, aby odpovídal normě WCAG 2.1 minimálně na úrovni AA.
  • Vyplatí se to?
    Rozhodně. Získáte širší publikum, lepší SEO, vyšší důvěryhodnost značky a menší právní rizika.
  • Kolik mě to bude stát?
    Záleží na rozsahu úprav. Většina základních kroků je však nízkonákladová a rychle proveditelná.

Blue System uzavřel strategického partnerství s accessiBe, klíčovým hráčem v oblasti webové přístupnosti. Tato spolupráce podtrhuje náš závazek zajišťovat svým klientům weby, které plně respektují potřeby osob se zdravotním postižením a splňují standardy WCAG.

Shrnutí

Přístupnost webu není luxus – je to standard. Tento 15bodový checklist vám pomůže vyhnout se častým chybám a připravit web pro všechny uživatele. Každý bod má nejen technický, ale i obchodní přínos. Pokud chcete jít do hloubky a získat komplexní přehled, doporučujeme začít profesionálním auditem přístupnosti.

Chcete mít jistotu, že váš web splňuje zákonné požadavky a zároveň poskytuje prvotřídní uživatelský zážitek?