This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Što ime, uloga, vrijednost znače na web-stranici?
Ime, uloga i vrijednost su tri specifikacije koja svaki upravljački element web-stranice mora prosljeđivati pomoćnim programima. Ime kaže čemu služi element (»Pretraživanje«), uloga kaže što je (gumb, poveznica, polje za provjeru), vrijednost kaže u kojem je stanju (označeno ili prazno). Ako nedostaje neka specifikacija, slijepi posjetitelj čuje samo »element« — i ne može s njim ništa početi. To uređuje WCAG kriterij 4.1.2.
Tri specifikacije čine element upravljivim
Program za čitanje ne vidi piksele — čita što izvorni kod kaže o svakom elementu. Pri dobro izgrađenoj gumbu kaže: »Pretraživanje, gumb«. Posjetitelj odmah zna što se događa ako pritisne Enter. Pri polju za provjeru dolazi vrijednost: »Pretplati se na newsletter, polje za provjeru, nije označeno«. Problemi nastaju pri samograđenim upravljačkim elementima: klikkljivi simbol bez imena najavljuje se kao »grafika«, samozgodno složeni izbornik bez uloge kao besmislen tekst. Vidljivi posjetitelj to ne primjeti — element izgleda normalno. Za korisnike programa za čitanje, govorne kontrole i специјалне tipkovnice on je nevidljiv ili nije upotrebljiv. Robustnost znači: tehnologija iza njega podržava sva pomoćna sredstva, ne samo zaslon.
Tako služba za provjeru provjerava ime, ulogu i vrijednost
Mjerna jezgra provjerava ovaj kriterij u velikoj mjeri automatski s priznatim alatom axe-core u pravom pregledniku. Provjeravajući uključuje: nosi li svaki gumb i svaka poveznica pristupačno ime, jesu li korištene dodatne specifikacije za pomoćna sredstva valjane i ispravno kombinirane, poklapaju li se samododjeljene uloge s pravilima. Kako bi se isključili slučajni nalazi, axe-core se pokreće dvaput s razmakom od 800 milisekundi — samo nalazi koje pokazuju oba prolaza broje se. Dodatno se uključuje brojanje oznaka iz kriterija 3.3.2: polje za unos bez povezane oznake također nema pristupačnog imena i prema tome se također broji kao povrede 4.1.2. Izvješće navodi svaki nalaz s elementom i dokazom.
Beispiele
Schalter ohne Name, Rolle und Zustand
<div class="toggle on" onclick="umschalten()"></div><button type="button" role="switch" aria-checked="true" onclick="umschalten()">
Benachrichtigungen
</button>Das Vorleseprogramm sagt „Benachrichtigungen, Schalter, eingeschaltet“. Beim Umschalten muss aria-checked mitgeführt werden.
Symbol-Knopf ohne Namen
<button><svg>…</svg></button><button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>- Zatražite od agencije da za upravljačke elemente koristi ugrađene komponente — pravi gumbovi i poveznice donose ime, ulogu i vrijednost sa sobom.
- Svakom samo-simboličnom gumbu — lupa, izbornik, košarica — dodajte nevidljivo, ali tehnički pohranjeno ime.
- Posebno kritično provjerite samograđene elemente kao što su izbornici za otvaranje i preklapači — uloga i stanje tamo nedostaju najčešće.
- Nakon svakog većeg redizajna pokrenite automatsku provjeru, jer jedan novi skripti može utihnuti mnogo elemenata.