This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Dostopnost
Zakaj sporočila o napakah in povezave potrebujejo več kot le eno barvo?
Sporočila o napakah in povezave potrebujejo več kot eno barvo, ker veliko ljudi razlikuje barve le v omejenem obsegu. Rdeča-zelena slabost je najpogostejša oblika. Rdeče obrobljeno obvezno polje brez obrazložitvenega besedila ostaja za te obiskovalce označeno kot nevidno. Informacije je zato treba nositi dvakrat: barva plus besedilo, simbol ali poudarjanje.
Barva kot dodatek, nikoli kot edini nosilec
Trije vsakdanji primeri kažejo na problem. Prvič, obrazci: Če je polje, ki je zapolnjeno nepravilno, samo v rdeči barvi, obiskovalec z rdeče-zeleno slabostjo ne bo našel napake – dodatek Pošiljate besedilno sporočilo, kot je “Vnesite veljaven e-poštni naslov”. Drugič, povezave v tekočem besedilu: Če se povezava od okoliškega besedila razlikuje le po svoji barvi, ni prepoznavna kot povezava za mnoge – podčrtanje to rešuje. Tretjič, diagrami in kazalniki stanja: “zelena sredstva na voljo, rdeča pomeni v celoti rezervirana” deluje samo z dodatnim označevanjem ali različnimi simboli. Barva ostaja izrecno dovoljena in smiselna – nikoli ne sme biti edini vir informacij.
Torej naše merjenje jedro preverja uporabo barve
Samodejno preverjanje s sekiro-core prepozna tipično sub-case: povezave v besedilo toka, ki izstopajo iz okoliškega besedila po barvi sami – brez podčrtanja ali zadostne razlike svetlosti. Takšni primeri so vključeni kot ugotovitve v poročilu. Večji del merila izmika stroju: ali je diagram razložen samo z barvami ali pa ima sporočilo o napaki poleg rdeče meje še besedilo zahteva razumevanje vsebine. Po našem načelu se torej neopazen prehod nikoli samodejno ne šteje za dokaz – v zlatem standardu izpraševalec vidi oblike, diagrame in statusne prikaze ter naredi sodbo.
Primeri
Napaka je označena samo z rdečo
<label>E-Mail <input class="fehler" style="border-color:red"></label><label for="email">E-Mail</label>
<input id="email" aria-describedby="email-fehler" aria-invalid="true">
<p id="email-fehler">Bitte eine E-Mail-Adresse mit @ eingeben.</p>Samo rdeča ne vidi ljudi z barvnimi okvarami in bralnimi programi. Besedilo omenja napako.
Povezava v toku besedila je prepoznavna samo po barvi
a { color: #2a6bd6; text-decoration: none; }a { color: #2a6bd6; text-decoration: underline; }Podčrtanje naredi povezavo prepoznavno tudi brez zaznavanja barv.
- Preverite svoje obrazce: Vsak označevalec napake potrebuje pojasnjevalno besedilo na prizadetem polju poleg barve.
- Naj bodo povezave poudarjene v tekočem besedilu – samo zaradi barve so za mnoge obiskovalce nevidne.
- V diagramih in prikazih stanja dodajte oznake ali ikone poleg barvnega kodiranja.
- Poglejte si svojo stran v sivinščini – vsak zaslon in veliko telefonov lahko – in videli, če so vse informacije ohranjene.
- Označi obvezna polja z besedo »obvezno polje« ali deklarirano zvezdico, nikoli z barvo samo.
