This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Prístupnosť
Prečo chybové správy a odkazy potrebujú viac ako len jednu farbu?
Chybové správy a odkazy potrebujú viac ako jednu farbu, pretože mnohí ľudia rozlišujú farby len v obmedzenej miere. Červeno-zelená slabosť je najčastejšou formou. Červené ohraničené povinné pole bez vysvetľujúceho textu zostáva týmto návštevníkom neviditeľné. Informácie sa preto musia používať dvakrát: farba plus text, symbol alebo podčiarknutie.
Farba ako prísada, nikdy ako jediný nosič
Tri každodenné prípady ukazujú problém. Po prvé, formuláre: Ak pole vyplnené nesprávne je ohraničená len červenou, návštevník s červeno-zelenou slabosťou nenájde chybu Pošlete SMS správu, ako je napríklad: Po druhé, odkazy v prietokovom texte: Ak sa odkaz líši od okolitého textu len podľa jeho farby, nie je rozpoznateľný ako odkaz pre mnohých Po tretie, diagramy a ukazovatele stavu: Farba zostáva výslovne povolené a zmysluplné.
Takže naše meracie jadro kontroluje použitie farby
Automatická kontrola so sekerou-core rozpozná typický pod-prípad: odkazy v prietokovom texte, ktoré vyčnievajú z okolitého textu podľa farby sám Takéto prípady sú zahrnuté ako zistenia v správe. Väčšia časť kritéria uniká stroju: či je diagram vysvetlený iba farbami, alebo či chybová správa má text okrem červenej hranice vyžaduje pochopenie obsahu. Podľa nášho princípu, nenápadný pas sa preto nikdy automaticky nepovažuje za dôkaz v zlatom štandarde, skúšajúci vidí formuláre, diagramy a stav displejov a robí rozsudok.
Príklady
Chyba iba označená červenou
<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>Červená sama nevidí ľudí s farebnými chybami a čítanie programov. Text spomína chybu.
Odkaz v prietokovom texte len rozpoznateľný podľa farby
a { color: #2a6bd6; text-decoration: none; }a { color: #2a6bd6; text-decoration: underline; }Podčiarknuté robí odkaz rozpoznateľný aj bez vnímania farieb.
- Pozrite si formuláre: Každý znak chyby potrebuje vysvetľujúci text na postihnutom poli vedľa farby.
- Nech odkazy podčiarkujú v prietokovom texte.
- V diagramoch a stavových displejoch pridajte etikety alebo ikony okrem farebného kódovania.
- Pozrite sa na svoju stránku v šedej škále.
- Označte povinné polia so slovom.
