This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Akadálymentesség
Milyen kontrasztra van szükség a weboldalak gombjainak és bemeneti mezőinek?
A gomboknak, a bemeneti mezőknek és az értelmes grafikáknak legalább 3: 1 kontrasztarányra van szükségük a környezetükhöz képest. Ez a küszöbérték a szabványos WCAG-ból származik. Biztosítja, hogy a látássérült látogató felismerje, hol kell kattintani, és hol kell írni - a fehér háttérrel rendelkező, világos szürke határú fehér beviteli mező gyakorlatilag láthatatlan.
Az ellenőrzéseknek láthatónak kell lenniük
Míg az ismerős kontraszt szabály a szövegre vonatkozik, ez minden más látható, hogy egy funkciót hordoz: a keret a bemeneti mező, a terület a gomb, a nagyító ikon a keresés, a kullancs a jelölődobozban. Modern, nagyon csökkentett design a leggyakoribb csapda itt - világos szürke mező keretek fehér háttér elegáns, de gyakran jóval alatt 3: 1. A látogató csökkenő látomás után lát egy formát nem felismerhető mezők: nem tudja, hova kell menni a kurzor. Még a szöveges felirat nélküli szimbólumoknak - mint például a hamburger menünek - is ki kell tűnniük a háttérből legalább 3: 1-vel, különben a navigáció nem létezik számára.
A mérőmagunk így méri a működési elemek kontrasztát
Kernel kiválasztja a mintát a kontrollok az oldalon - beviteli mezők, gombok, tervezett linkgombok - és fényképeket minden egyes környezetben a böngészőben. A pixelekből kiszámítja az éle, a töltés és a környezet fényerejét, ebből pedig az elem határának tényleges kontrasztarányát. Ha a mért határértékek 3: 1-nél kisebbek, a jelentés szándékosan jelenti, mint bizonyított vizsgálati eset és nem azonnal, mint jogsértés: Látszólag túl gyenge mezőt vihet egy környező konténer - amit az ember a mellékelt képi kép alapján vizsgál. A kritériumot csak akkor kell teljesítettnek tekinteni, ha a minta kellően nagy és teljesen megbízhatatlan; a tisztán grafikus tárgyak, mint például a diagramok emberi vizsgálatnak minősülnek.
Példák
Belépési mező sápadt kerettel
input { border: 1px solid #dddddd; background: #fff; } /* 1,3:1 */input { border: 1px solid #767676; background: #fff; } /* 4,5:1 */A keretekhez, szimbólumokhoz és fókuszkeretekhez 3: 1 kell a háttérhez, különben a mező nem azonosítható mezőként.
- Ellenőrizze a nyomtatványokat: Minden beviteli mezőnek szüksége van egy keretre vagy kitöltésre, amely kiemelkedik a háttérből.
- Kérje meg az ügynökséget, hogy ellenőrizze a keret színeit a mezők ellen a 3: 1 küszöb, és sötétítse el őket, ha szükséges.
- Keresse meg az ikonokat szöveg nélkül - keresés, menü, bevásárlókocsi - megfelelő kontraszt a háttérben.
- Figyeljenek az államokra: A kiválasztott lap vagy aktív jelölődoboz jelölése is 3: 1-re szorul.
- Nézze meg az űrlapokat két méterről - a mezők eltűnnek vizuálisan, a kontraszt túl gyenge.
