This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Miért van szükség több hibajelzésre és linkre, mint egy szín?
A hibaüzenetek és a linkek több színt igényelnek, mert sok ember csak korlátozott mértékben különbözteti meg a színeket. A vörös-zöld gyengeség a leggyakoribb forma. A piros, kötelező, magyarázó szöveg nélküli mező e látogatók számára láthatatlanná vált. Ezért az információkat kétszer kell viselni: szín plusz szöveg, szimbólum vagy kiemelés.
Színes, mint egy adalékanyag, soha, mint az egyetlen hordozó
Három mindennapi eset mutatja a problémát. Először is: Ha egy helytelenül kitöltött mező csak határolt piros, a látogató vörös-zöld gyengeség nem találja meg a hibát - kiegészítés Olyan szöveges üzenetet küldesz, mint például: "Adjon meg egy érvényes e-mail címet". Másodszor, linkek az áramlási szövegben: Ha egy link eltér a környező szöveg csak a színét, ez nem ismert, mint egy link sok - aláhúzása megoldja ezt. Harmadszor, diagramok és állapotmutatók: "A zöld a rendelkezésre álló, a piros a teljesen lefoglalt" csak további címkével vagy különböző szimbólumokkal működik. A szín továbbra is kifejezetten megengedett és tartalmas - ez sohasem lehet az egyetlen információforrás.
Tehát a mérőmagunk ellenőrzi a szín használatát
Az automatikus ellenőrzés axe- core felismer egy tipikus al-case: linkek az áramlás szöveg, amely kiemelkedik a környező szöveg a szín - anélkül, hogy aláhúzná vagy elegendő fényerő különbség. Az ilyen eseteket a jelentés megállapításként tartalmazza. A kritérium nagyobb része kikerül a gépből: akár egy diagram csak színekkel magyarázható, akár egy hibaüzenet a piros határon túl szöveges, a tartalom megértéséhez szükséges. Elvünk szerint ezért a nem feltűnő passzt soha nem tekintik automatikusan bizonyítéknak - az arany szabványban a vizsgáztató meglátja a formákat, diagramokat és állapotjelzéseket, és meghozza az ítéletet.
Példák
Hiba csak jelölve piros
<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>Csak a piros nem látja az embereket színes hibákkal és olvasási programok. A szöveg megemlíti a hibát.
Link az áramlás szöveg csak felismerhető szín
a { color: #2a6bd6; text-decoration: none; }a { color: #2a6bd6; text-decoration: underline; }A mélypontszám teszi a linket felismerhetővé még szín érzékelés nélkül is.
- Ellenőrizze a nyomtatványokat: Minden hibajelzőnek magyarázó szövegre van szüksége az érintett mezőn a szín mellett.
- Let linkek aláhúzza az áramlás szöveg - a szín önmagában teszi láthatatlan sok látogató.
- A diagramokban és állapotkijelzőkben a színkódolás mellett adjunk hozzá címkéket vagy ikonokat.
- Nézd meg az oldalt szürkeárnyalatban - minden képernyő és sok telefon -, és nézd meg, hogy minden információt megőrzött-e.
- Jelölje meg a kötelező mezőket a "kötelező mező" szóval vagy a bejelentett csillaggal, sosem színnel egyedül.
