Je váš web prístupný pre všetkých? 5 oblastí kontroly
Prístupný web (web, ktorý zvládne použiť aj človek so slabým zrakom, bez myši alebo s čítačom obrazovky, teda programom, ktorý stránku číta nahlas) sa dá základne skontrolovať v piatich oblastiach: kontrast a veľkosť písma, popisy obrázkov, ovládanie klávesnicou, formuláre a chyby, štruktúra nadpisov a odkazov. Väčšinu vecí uvidíte sami za pol hodiny. Mapa nie je právne poradenstvo: povinnosti podľa zákona si overte pre vlastnú situáciu.
- 5 vetiev
- každý list vedie na návod, pojem alebo službu
- čítanie 5 minút
Dá sa text prečítať?Kontrast a veľkosť písma. Častá chyba je svetlosivý text na bielom.
- Bežný text aspoň 4,5 : 1pomer jasu textu a pozadia; overíte ho kalkulačkou dvoch fariebNástroj: kontrast farieb
- Veľký text a prvky aspoň 3 : 1veľký text je cca 24 px alebo 19 px tučne a viac; platí aj pre okraje polí a ikonyPojem: kontrast farieb
- Text sa dá zväčšiťpriblíženie v prehliadači na 200 % nerozbije rozloženie ani neschová tlačidlá
- Tmavý režim sa kontroluje zvlášťtie isté farby nemusia mať na tmavom pozadí dosť kontrastuČlánok: tmavý režim na webe
Majú obrázky popis?Alternatívne texty. Čítač obrazovky obrázok nevidí, prečíta len jeho popis.
- Dekoratívny obrázok má popis prázdnyčítač ho preskočí a nezdržuje
- Dôležité údaje nie sú len v obrázkutelefón, ceny a otváracie hodiny píšte ako text, nie ako grafiku
- Ikony a tlačidlá bez nápisu majú názovikona lupy alebo telefónu inak znie len ako „tlačidlo“
Ide to bez myši?Klávesnica a fokus (zvýraznenie prvku, na ktorom ste). Zoberte myš nabok a prejdite web klávesom Tab.
- Tab prechádza stránku v logickom poradízhora nadol, bez preskakovania a bez zacyklenia
- Aktívny prvok je viditeľne orámovanýobrys sa nikdy nevypína bez náhrady
- Menu, rozbaľovače a okná sa dajú ovládať klávesnicouEnter otvorí, Esc zatvorí a fokus sa vráti na pôvodné miesto
- Cieľ kliknutia aspoň 24 × 24 pxWCAG 2.2 (pravidlá prístupnosti webu) určuje minimum; pre dotyk je lepšie okolo 44 × 44 bodovČlánok: prístupnosť webu pre firmy
Zvládne to formulár?Formuláre a chyby. Tu sa prístupnosť stretáva s dopytmi.
- Každé pole má viditeľný štítokvzor v poli zmizne pri písaní, štítok nad poľom ostávaČlánok: formulár na webe, 10 pravidiel
- Chyba je povedaná slovami pri poli„Zadajte e-mail v tvare meno@firma.sk“, nie len červený rámikPojem: mikrokopia
- Farba nie je jediná informáciapovinné pole alebo chybu označte aj textom a ikonou, nielen červenou
- Po chybe zostanú vyplnené údaječlovek opraví jedno pole, nie celý formulárMapa: formulár, ktorý ľudia vyplnia
Je stránka usporiadaná?Nadpisy a odkazy. Čítač obrazovky podľa nich preskakuje po stránke.
- Jeden nadpis H1, pod ním H2 a H3 v poradínadpis sa volí podľa významu, nie podľa veľkosti písmaPojem: nadpisy H1 a H2
- Každá stránka má vlastný názov a nastavený jazyknázov v záložke a slovenčina ako jazyk stránky
- Celý zoznam otázokkontrola v poradí, výsledok ukáže, čo opraviť ako prvéNástroj: kontrola prístupnosti webu
Ťuknutím na vetvu v mape skočíte na jej detail. Vetvy sa dajú zbaliť ťuknutím na nadpis, odkazy vedú na články, pojmy zo slovníka a služby.
Mapa v texte
Dá sa text prečítať?
Bežný text má mať s pozadím kontrast aspoň 4,5 : 1, veľký text (cca 24 px alebo 19 px tučne a viac) a prvky rozhrania, ako sú okraje polí a ikony, aspoň 3 : 1. Dve farby si overíte v kalkulačke kontrastu za pár sekúnd. Skúste web priblížiť na 200 % a ak máte tmavý režim, skontrolujte ho zvlášť.
Majú obrázky popis?
Obrázok, ktorý niečo hovorí, má mať alternatívny popis: čo na ňom je, nie názov súboru. Dekoratívny obrázok má popis prázdny, aby ho čítač preskočil. Telefón, ceny a otváracie hodiny píšte ako text, nie ako obrázok, a ikony bez nápisu pomenujte.
Ide to bez myši?
Odložte myš a prejdite web klávesom Tab. Poradie má byť logické, aktívny prvok viditeľne orámovaný a menu, rozbaľovače a okná sa majú dať otvoriť a zatvoriť klávesnicou. Cieľ kliknutia má mať podľa WCAG 2.2 (medzinárodných pravidiel prístupnosti webu) aspoň 24 × 24 pixelov, na dotykových zariadeniach je lepšie okolo 44 × 44 bodov.
Zvládne to formulár?
Každé pole potrebuje viditeľný štítok, nielen vzor vnútri, ktorý pri písaní zmizne. Chyba sa povie slovami pri konkrétnom poli, nie len červeným rámikom, a po chybe zostanú ostatné údaje vyplnené. Farba nikdy nie je jediná informácia, pridajte text alebo ikonu.
Je stránka usporiadaná?
Stránka má jeden hlavný nadpis a podnadpisy v poradí, odkazy s popisným textom a vlastný názov v záložke. Čítač obrazovky podľa nadpisov a odkazov preskakuje po stránke, takže poriadok v nich šetrí čas všetkým. Celý postup nájdete v nástroji so zoznamom otázok.
Pojmy z mapy v slovníku
Čítajte ďalej
Häufige Fragen
Musí môj web spĺňať prístupnosť podľa zákona?
Stačí si prístupnosť skontrolovať sám?
Čo opraviť ako prvé?
Koľko stojí oprava prístupnosti?
Chcete to prejsť s nami?
Napíšte nám, kde ste sa v mape zasekli. Ozveme sa do pár hodín v pracovný deň, prvých 20 minút konzultácie je zadarmo a ponuku pošleme do 48 hodín.
