This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Koji kontrast trebaju gumbi i polja za unos na web-stranicama?
Gumbi, unosa i značajne grafike trebaju kontrast od najmanje 3:1 sa svojom okolinom. Taj pragovi dolazi od standarda WCAG. Osigurava da posjetitelj sa slabljenim vidom vidi gdje kliknuti i gdje pisati — bijelo polje sa svjetlosivim rukom na bijeloj osnovi je praktički nevidljivo.
Kontrolni elementi moraju biti očigledni
Iako je poznato pravilo kontrasta vezano uz tekst, ovdje je riječ o svemu drugom vidljivom što nositi funkciju: bok unosa, površina gumba, lupina simbola pretrage, kvačica u potrošnoj kutiji. Moderna, vrlo smanjena oblikovanja je često najveća zamka — svjetlosivi boksevi s bijelim temeljima izgledaju elegantno, ali često padnu daleko ispod 3:1. Posjetitelj sa slabljenim vidom tada ne vidi obrazac s prepoznatljivim poljima: Ne zna gdje s kursorom. I simboli bez tekstualne oznake — npr. Hamburger meni — trebaju se odvajati s najmanje 3:1 od temeljnice, inače za njega navigacija ne postoji.
Kako mjerna jezgra mjeri kontrast kontrolnih elemenata
Naša mjerna jezgra odabira uzorak kontrolnih elemenata Vaše stranice — unosa, gumba, oblikovanih veza — i fotografira svaki sa svojom okolinom u pregledniku. Iz piksela izračunava svjetlost ruba, napune i okoline te iz toga stvarni kontrast ruba elementa. Ako su mjereni rubovi ispod 3:1, izvješće to svjesno prikazuje kao belegovan test, a ne odmah kao kršenje: Navodno slab polje može vizualno podržati obližnji kontejner — to ljudska osoba procjenjuje prema zlatnom standardu s dostavljena ekranskom fotografijom. Kriterij se broji kao prođen samo s dovoljno velikom, potpuno neprimjetnom uzorkom; čisto grafički objekti kao diagrami ostaju ljudska provjera.
Beispiele
Eingabefeld mit blassem Rahmen
input { border: 1px solid #dddddd; background: #fff; } /* 1,3:1 */input { border: 1px solid #767676; background: #fff; } /* 4,5:1 */Rahmen, Symbole und Fokusrahmen brauchen 3:1 zum Hintergrund, sonst ist das Feld nicht als Feld erkennbar.
- Provjerite Vaše obrasce: Svako polje trebalo bi imati rub ili napunu koja se jasno izdvaja od pozadine.
- Zamolite Vašu agenciju da provjerite boje ruba polja prema pragu 3:1 i da ih učini tamnije gdje je potrebno.
- Kontrolirajte simbole bez teksta — pretragu, izbornik, košaricu — za dovoljan kontrast prema pozadini.
- Pazite na stanja: I označavanje odabranog kartice ili aktivne potrošne kutije trebaju 3:1.
- Pogledate Vaše obrasce iz nekoliko metara udaljenosti — ako polja vizualno nestanu, kontrast je premaliI.