Přístupnost není volitelné vylepšení ani okrajová záležitost. Je to základní aspekt dobrého webdesignu, který ovlivňuje mnohem více lidí, než si většina firem uvědomuje. Podle Světové zdravotnické organizace přes miliardu lidí na celém světě žije s nějakou formou postižení. To zahrnuje zrakové postižení, motorické obtíže, kognitivní rozdíly a dočasné stavy jako zlomená ruka nebo oční infekce. Když Váš web není přístupný, nejen že nesplňujete standard — odvracíte potenciální zákazníky, kteří se chtějí zapojit do interakce s Vaším obsahem, ale nemohou.
V Kosmoweb je přístupnost zabudována do našeho designového procesu od začátku, nikoliv přidána na konec.
Jednoduchá navigace
Navigace je páteří každého webového zážitku. Začněte s jasnou, konzistentní strukturou menu. Používejte popisné texty odkazů. „Zjistěte více o našich službách“ je mnohem užitečnější než „Klikněte zde“. Redesignovali jsme navigaci pro web městského úřadu s více než 400 stránkami. Hovory na podporu s dotazem „jak najdu X na vašem webu“ klesly o více než 40 %.
Odkazy pro přeskočení navigace jsou další nezbytností. Jsou neviditelné pro uživatele myši, ale neocenitelné pro kohokoli navigujícího klávesnicí nebo odečítačem obrazovky.
Alt texty pro obrázky
Každý obrázek na Vašem webu by měl mít atribut alt. Pro informativní obrázky by alt text měl popisovat, co obrázek sděluje. Pro dekorativní obrázky by měl být atribut alt prázdný (alt=""). Psaní dobrých alt textů je dovednost — měly by být stručné, ale dostatečně popisné.
Pro e-commerce klienta prodávajícího ručně vyráběnou keramiku jsme napsali alt texty pro více než 300 produktových obrázků. Organický provoz z vyhledávání obrázků vzrostl o 19 % za následujících šest měsíců.
Weby přívětivé ke klávesnici
Ne každý používá myš. Váš web musí být plně ovladatelný pouze pomocí klávesy Tab, Enter a šipek. Nejkritičtějším prvkem přístupnosti klávesnice jsou viditelné indikátory fokusu. Provedli jsme audit přístupnosti online vzdělávací platformy a zjistili, že jejich vlastní video přehrávač byl zcela závislý na myši. Přestavěli jsme ovládací prvky s plnou podporou klávesnice.
Čitelný text
Čitelnost zahrnuje výběr písma, velikost, řádkování, kontrast a délku řádku. Používejte základní velikost písma alespoň 16 pixelů. Zajistěte výšku řádku 1,5 nebo více. Udržujte délku řádku mezi 50 a 75 znaky. Kontrastní poměr barev se řídí pokyny WCAG: minimální poměr 4,5:1 pro běžný text a 3:1 pro velký text.
Testování na různých prohlížečích
Přístupnost se netýká jen designu a kódu. Jde také o zajištění konzistentního fungování Vašeho webu napříč rozmanitou škálou prohlížečů, zařízení a asistenčních technologií. Každý projekt testujeme minimálně na čtyřech kombinacích prohlížeče a asistenční technologie. Automatizované nástroje pro testování přístupnosti jako axe, Lighthouse a WAVE jsou cenné, ale obvykle identifikují pouze 30–40 % problémů. Manuální testování s asistenčními technologiemi je nenahraditelné.
Shrnutí
Přístupnost není funkce, kterou přidáváte. Je to kvalita, kterou budujete. Jednoduchá navigace, popisné alt texty, ovladatelnost klávesnicí, čitelný text a důkladné testování napříč prohlížeči tvoří základ přístupného webu. V Kosmoweb přistupujeme k přístupnosti jako k rozměru kvality, který prospívá každému uživateli. Efekt obrubníkového nájezdu — pojmenovaný podle ramp na chodnících původně navržených pro vozíčkáře, které se ukázaly jako užitečné pro rodiče s kočárky, doručovatele s vozíky a cestující se zavazadly — se přímo vztahuje na webdesign. Když navrhujete pro okraje lidských schopností, zlepšujete zážitek pro všechny uprostřed.