10 nejčastějších chyb v přístupnosti, na kterých pohoříte
Nová pravidla EU o přístupnosti digitálních produktů se neodvratně blíží a je na čase se na ně pořádně připravit. Přístupnost však není jen o legislativních předpisech a dodržování nejnovějšího WCAG standardu - je také o příležitosti vytvořit skutečně inkluzivní digitální prostředí. V ui42 máme za sebou desítky úspěšných auditů přístupnosti a díky nim jsme zjistili, kde firmy a jejich webové stránky nejčastěji selhávají. Přinášíme vám žebříček 10 největších a nejčastějších přestupků, kterých se možná dopouštíte i vy.
1. Nedostatečný kontrast barev
Jednou z bariér, se kterou se setkáváme při našich auditech častěji, než bychom chtěli, je nedostatečný kontrast barev. Nedostatečný kontrast není jen problém estetiky, ale i použitelnosti. Pokud uživatel nevidí váš obsah, jako by ani neexistoval. Správný kontrast by měl splňovat normy WCAG 2.2 na úrovni AA. U běžného textu by měl být kontrast vůči pozadí minimálně 4,5:1 a u velkého textu 3:1.
Tip od Uička: Pokud si chcete zkontrolovat váš barevný kontrast, můžete použít online nástroj - https://colourcontrast.cc/
2. Složitá navigace
Navigace na webu by měla být jednoduchá, jasná a intuitivní. Nevymýšlejte znovu kolo a nedávejte prvky, jako např. nákupní košík na jiné místo, než jsou lidé zvyklí (v pravém horním rohu stránky). Pokud uživatelé vašeho webu musí něco hledat, tak něco není správně.
Dbejte na konzistentní a předvídatelné uspořádání prvků, jako jsou tlačítka, odkazy a formulářová pole. Ty by měly být vždy na stejných místech a chovat se stejně, aby uživatel přesně věděl, co očekávat.
A jak přizpůsobit web pro ty, kteří nemohou používat myš? Klávesovou navigací. Pořadí prvků by mělo přirozeně následovat pohyb pohledu – podle tvaru písmene „Z“, tedy zleva doprava a shora dolů. Aktivní prvky, jako tlačítka či odkazy, musí mít zřetelný stav „focus“, aby uživatel jasně viděl, kde se právě nachází. Navíc, všechna tlačítka, včetně těch v menu nebo na přihlášení, musí být plně ovladatelná klávesnicí. Bez toho je váš web pro některé absolutně nepoužitelný.
3. Chybějící alternativní texty
Obrázky bez alternativního textu (alt textu) jsou pro uživatele čteček obrazovky jako slepá místa. Alternativní text má popsat obsah obrázku lidem, kteří ho nemohou vidět. Proto zapomeňte na pojmenování jako je např. “Obrázek123”, a raději použijte pojmenování jako “Graf zobrazující nárůst prodeje v Q4“. Takové detaily dělají váš web inkluzivním a profesionálním.
4. Chybějící popisy odkazů
Představte si, že posloucháte čtečku obrazovky bez toho, abyste viděli text a jediné, co slyšíte, je: „Klikněte zde... Klikněte zde... Klikněte zde.“ Nemůžete ani tušit, kam vás které CTA přesměruje. Právě proto radíme našim klientům, aby používali fráze jako „Zjistěte více o našich službách“ nebo „Stáhněte si náš e-book“.
5. Chybějící titulky ve videích a alternativní možnosti přehrávání
Pokud vytvoříte video, kterým chcete oslovit opravdu každého, nezapomeňte na alternativní možnosti přehrávání. Vždy umožněte uživatelům přehrát video buď standardně, s titulky nebo s hlasovým komentářem. A co podcasty? Ty mohou zůstat při své audio podstatě.
6. Nepřístupné formuláře
Formuláře bývají častým kamenem úrazu. Pokud chcete, aby uživatel správně vyplnil údaje, musíte ho k tomu navést. Jasně označená pole, nápovědy a intuitivní chybové hlášky jsou základ. To může zahrnovat:
- Návody a tipy na formát požadovaných údajů (např. datum ve formátu MM/DD/RRRR).
- Chybová hlášení s jasným vysvětlením problému a návrhem na opravu.
- Příklady správného formátu vedle vstupních polí (např. „Zadejte e-mailovou adresu: example@domain.com“).
- Automatické opravy nebo doplňování údajů, pokud je to možné.
7. Používání grafických CAPTCHA
Tak jak jsme zmiňovali v předchozím článku o novém připravovaném zákoně o přístupnosti, grafické CAPTCHA, které slouží k odlišení lidí od automatizovaných botů, jsou problémem pro čtečky obrazovky. Doporučujeme používat alternativní metody ověření, které jsou přístupnější, jako např. Technika Honeypot, která spočívá v přidávání skrytého pole, které vidí jen boti, ale běžný uživatel ho nevidí.
8. Vyžadování složitých hesel
Kolikrát se vám už stalo, že jste zapomněli své heslo, protože bylo příliš komplikované? Podle nového nařízení o přístupnosti by se mělo eliminovat vyžadování silných hesel. Zadávání velkých, malých písmen, speciálních znaků a čísel vystřídají jednodušší způsoby autentifikace, jako například biometrické ověření nebo jednorázový kód zaslaný přes SMS nebo email. Jaká hesla vyžadujete vy na vašem webu?
9. Problémy s podporou vstupních modalit
Umožněte uživatelům vybrat si způsob, jakým budou interagovat na vašem webu nebo v aplikaci. Ať už jde o klávesnice, dotykové obrazovky, hlasové ovládání nebo jiná ovládací zařízení, jako jsou myši se speciálními funkcemi nebo jiné asistenční technologie.
10. Nedostatečná kompatibilita
Při tvorbě obsahu nezapomínejte na klíčové pravidlo – váš web musí být přístupný pro všechny, včetně uživatelů s asistenčními technologiemi. Jak na to?
- Sémantický základ: Myslete na správně označené HTML prvky a sémantický kód. Ty jsou pro asistenční technologie jako mapa, která jim pomáhá "přečíst" váš web správně a srozumitelně.
- Dizajn, který se přizpůsobí: Váš obsah musí vypadat stejně dobře na velkém monitoru i na mobilu. Responzivní dizajn zajistí, že uživatelé se všemi možnými zařízeními a vstupy (klávesnice, dotyk) budou mít stejný zážitek.
- Testování na všechny fronty: Prohlížeče a jejich verze se liší, ale váš web musí vždy zprostředkovat stejný zážitek, ať už ho navštívíte z jakéhokoliv místa.
- Jasné zprávy na prvním místě: Dynamické změny na stránce musí být okamžitě komunikovány a viditelné i pro čtečky obrazovky. Ať už jde o zprávu „Formulář byl úspěšně odeslán!“ nebo „Nepodařilo se načíst obsah,“ tyto zprávy musí být viditelné pro všechny.
Přístupnost není jednorázový úkol
Přístupnost není něco, co vyřešíte jednou provždy. Každá větší aktualizace webu nebo aplikace může narazit na nové problémy, které ji udělají méně přístupnou. Proto je důležité testovat přístupnost pravidelně, zejména po větších změnách.
Accessibility audit je základ
Nezapomínejte, že od června 2025 vstupují v platnost nová nařízení EU, která zavazují poskytovatele digitálních služeb zajistit přístupnost svých webů a aplikací pro všechny uživatele. Přístupnost však není jen o splnění legislativních požadavků – je to příležitost pro vás oslovit širší publikum, posílit značku a získat konkurenční výhodu.
V ui42 nabízíme profesionální audit přístupnosti, který odhalí bariéry, jako je nekompatibilita s asistenčními technologiemi nebo slabý kontrast, a zároveň vám pomůžeme najít řešení, která zlepší uživatelský zážitek. Investujte do přístupnosti a získejte více spokojených zákazníků, lepší SEO a image značky, která myslí na každého. Zpřístupněte své digitální služby pro všechny už dnes.
