Štyri princípy WCAG
WCAG (Web Content Accessibility Guidelines) vychádza zo štyroch princípov: vnímateľnosť, ovládateľnosť, zrozumiteľnosť a robustnosť. Tieto princípy platia nezávisle od jazyka obsahu. Vnímateľnosť znamená, že všetky informácie musia byť prístupné aj používateľom so zrakovým alebo sluchovým postihnutím. Ovládateľnosť zabezpečuje, že všetky funkcie sú ovládateľné klávesnicou a bez časových obmedzení. Zrozumiteľnosť vyžaduje jasný jazyk a konzistentnú navigáciu. Robustnosť zaručuje kompatibilitu s asistenčnými technológiami. Pre medzinárodné webové stránky musia byť tieto princípy rovnako implementované v každej jazykovej verzii.
Jazykové označenie pomocou atribútu lang
Atribút lang v HTML prvku určuje prirodzený jazyk stránky alebo časti. Čítačky obrazovky používajú tento atribút na výber správnej výslovnosti a dôrazu. Pre viacjazyčné stránky musí byť atribút lang nastavený správne na hlavnej stránke a pri jazykových zmenách v texte. Napríklad: <html lang=“de“> pre nemčinu a <span lang=“en“> pre anglické pasáže. Ak tento atribút chýba, používanie stránky pre ľudí so zrakovým postihnutím môže byť výrazne sťažené. Preto skontrolujte každú jazykovú verziu na úplné a správne atribúty.
Kontrasty a farby
Dostatočný kontrast medzi textom a pozadím je nevyhnutný pre čitateľnosť. Úroveň AA WCAG vyžaduje kontrastný pomer minimálne 4,5:1 pre bežný text a 3:1 pre veľký text. To platí pre všetky jazyky webovej stránky. Vyhnite sa čisto farebnému rozlíšeniu pri informáciách, pretože farboslepí používatelia ho nedokážu rozpoznať. Namiesto toho používajte symboly alebo textové značky. Farebné schémy by sa mali kontrolovať vo všetkých lokálnych verziách, pretože kultúrne asociácie sa môžu líšiť. Testujte svoje stránky pomocou nástrojov na analýzu kontrastu počas vývoja.
Ovládanie klávesnicou
Všetky interaktívne prvky musia byť dosiahnuteľné a ovládateľné pomocou klávesnice. Týka sa to odkazov, tlačidiel, polí formulárov a ponúk. Fokus musí byť viditeľný, ideálne pomocou výrazného rámu. Vyhnite sa prvkom, ktoré fungujú iba myšou alebo dotykom. Najmä na medzinárodných stránkach so zložitou navigáciou by sa malo ovládanie klávesnicou testovať v každej jazykovej verzii. Dynamický obsah, ako sú modálne okná, musí správne spravovať fokus. Uistite sa, že poradie prvkov v DOM zodpovedá logickému poradiu a nie je určené iba CSS.
Alt texty vo viacjazyčných kontextoch
Alt texty popisujú obrázky pre čítačky obrazovky a mali by byť napísané v jazyku okolitej stránky. Na viacjazyčných webových stránkach to znamená: každý obrázok dostane alt text v príslušnej jazykovej verzii. Nepoužívajte automatické preklady, ale vytvorte vhodné popisy pre každú cieľovú skupinu. Grafika s textom musí obsahovať text ako alt text. Dekoratívne obrázky dostanú prázdny alt text (alt=““), aby ich asistívne technológie ignorovali. Tento prístup zaisťuje, že obsah zostáva prístupný vo všetkých jazykoch.
