Analýza přístupnosti Raiffeisen Bank

Accessibility

Cílem tohoto projektu bylo provést analýzu přístupnosti úvodní stránky Raiffeisen Bank.

Snažila jsem se zjistit, zda webová stránka splňuje standardy přístupnosti a může poskytovat bezproblémovou interakci a informace všem uživatelům včetně těm s handicapem.

Chci zdůraznit, že jsem se o přístupnosti webů naučila samostudiem a jsem uživatelkou bez zdravotních omezení. Je důležité si uvědomit, že moje zkušenosti s používáním asistivních technologií se budou pravděpodobně lišit od zkušeností osob s různým handicapem.

Jaké nástroje jsem použila?

Audit jsem provedla pomocí nástroje Lighthouse a manuálně. Při auditu stránky jsem se zaměřila na možnost navigace pouze pomocí klávesnice a screen readeru. Při auditu jsem postupovala rovněž v souladu s metodikou WCAG guidelines.

Přístupnost, známá také jako accessibility, by neměla být vnímána pouze jako dobrý skutek pro malou skupinu lidí s omezením. Měla by být spíše chápána jako způsob, jak získat více nových zákazníků.

Z přístupnosti profitují všichni

Existuje široká škála různých skupin uživatelů, kteří navštěvují webové stránky. Patří sem běžní uživatelé, ale také uživatelé s různými druhy handicapů. Pro zajištění přístupnosti webových stránek všech skupin je třeba zohlednit různé potřeby:

^

Nevidomí uživatelé spoléhají na asistivní technologie jako jsou screen readery pro navigaci na webových stránkách.

^

Osoby s omezenou pohyblivostí preferují navigaci pomocí klávesnice, kde se přesouvají mezi interaktivními prvky pomocí klávesy Tab a Enter.

^

Pro seniory nebo jedince s problémy se zrakem můžeme přidat dostatečný kontrast barev, dostatečnou velikost písma a možnost zvětšení textu pro lepší čitelnost textu na webu.

Zajištění přístupnosti pro tyto různé skupiny uživatelů může výrazně zlepšit uživatelskou zkušenost a rozšířit dosah Vašich webových stránek.

Přístupnost není jednorázový projekt, jedná se o neustále se vyvíjející proces a je důležité provádět pravidelné re-testy. Každý krok směrem k lepší přístupnosti má významný vliv na zrychlení a zlepšení uživatelské zkušenosti pro osoby s handicapem.

Proč přístupnost webu vlastně řešit? Představuje to pro firmy možnost získat nové zákazníky a otevírá nové obchodní příležitosti. Zároveň pomáhá lidem s handicapem cítit se méně vyčlenění a zajišťuje lepší uživatelský zážitek pro všechny.

Mé návrhy pro zlepšení přístupnosti RF Bank vycházejí z části z pravidel WCAG a z části z obecných tipů na uživatelskou přívětivost.

Zlepšení přístupnosti pomocí základních kroků:

E

Stránka je dobře strukturovaná.

E

Dostatečný kontrast barev (barvy pozadí a popředí mají dostatečný kontrastní poměr).

E

Interaktivní prvky (tlačítka) uvádějí svůj účel a stav.

E

Přidat popis akce, pokud není jasné, co dělá (můžeme použít aria-label).

E

Dodržujte hierarchii a pořadí nadpisů (H1-H6). Nadpisy by měly být číslovány dle důležitosti, a ne dle velikosti.

E

Dodržujte dostatečnou velikost textu (doporučuje se 16px, všechno menší se hůře čte).

E

Možnost použití skip link? (přeskočí na obsah).

E

Nezapomínejte na labely ve formulářích.

E

Dodržujte zvyklosti, např. co se týče umisťování ikon „nákupní košík“ nebo tlačítka „registrovat se“ v pravém horním rohu.

E

Vyzkoušejte, zda lze web proklikat pouze pomocí klávesnice (Tab, Enter, šipky).

E

Neodstraňujte focus states (víme tak, že je to klikací).

E

Používejte sémantické html (header, body, footer…)

E

Nezapomínejte na alt text (i pro ikony!). U dekorativních obrázků nebo u grafických prvků, které jen duplikují psaný text, není nutné alternativní popisek vyplňovat (stačí vyplnit prázdný string a screen reader to přeskočí). Pokud alternativní text chybí, tak on nejdříve řekne název souboru (můžeme aspoň napsat lepší název souboru).

E

Poskytněte titulky a další alternativy pro multimédia.

E

Zvažte používání animací, carouselů, sliderů.

E

Omezte používání dekorativních animací na stránce (pro lidi se zrakovým postižením nebo s poruchou pozornosti budou spíše matoucí a ztíží jim orientaci na stránce).

E

Web otestujte!