This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung
Prístupnosť
Aký kontrast potrebujú tlačidlá a vstupné polia na webových stránkach?
Gombíky, vstupné polia a zmysluplná grafika potrebujú kontrastný pomer najmenej 3:1 k ich prostrediu. Táto prahová hodnota pochádza zo štandardnej WCAG. Zaisťuje, že zrakovo postihnutý návštevník rozpozná, kam má kliknúť a kde napísať biele vstupné pole so svetlosivým okrajom na bielom pozadí je prakticky neviditeľné.
Ovládače musia byť viditeľné
Zatiaľ čo známe kontrastné pravidlo sa týka textu, ide o všetko ostatné viditeľné, čo nesie funkciu: rám vstupného poľa, oblasť tlačidla, ikonu lupiny skla vyhľadávania, kliešť v políčku. Moderný, veľmi znížený dizajn je najbežnejší pasca tu Návštevník s klesajúcim videním potom vidí formulár bez rozoznateľných polí: nevie, kam ísť s kurzorom. Dokonca aj symboly bez textového nápisu.
Takto naše meracie jadro meria kontrast operačných prvkov
Naše jadro vyberá vzorku ovládacích prvkov vašej stránky, vstupné polia, tlačidlá, navrhnuté tlačidlá odkazu Z pixelov vypočíta jas okraja, výplň a okolie a z toho skutočný kontrastný pomer elementovej hranice. Ak sú namerané limity nižšie ako 3:1, v správe sa uvádza, že ide o úmyselne preukázaný skúšobný prípad a nie okamžite ako porušenie: Zdanlivo príliš slabé pole môže byť prenášané vizuálne okolitej kontajnera Kritérium sa považuje za splnené, len ak je vzorka dostatočne veľká a úplne nenápadná; čisto grafické objekty, ako sú diagramy, zostávajú skúškou na ľuďoch.
Príklady
Vstupné pole s bledým rámom
input { border: 1px solid #dddddd; background: #fff; } /* 1,3:1 */input { border: 1px solid #767676; background: #fff; } /* 4,5:1 */Rámy, symboly a ohnisko potrebujú 3:1 na pozadí, inak pole nie je rozpoznateľné ako pole.
- Pozrite si formuláre: Každé vstupné pole potrebuje rám alebo vyplnenie, ktoré vyčnieva z pozadia.
- Požiadajte svoju agentúru, aby skontrolovala farby rámu polí oproti prahu 3:1 a v prípade potreby ich stmavne.
- Skontrolujte ikony bez textu.
- Venujte pozornosť štátom: Označenie vybranej karty alebo aktívneho políčka vyžaduje tiež 3:1.
- Pozrite sa na svoje formuláre z dvoch metrov ďaleko od.
