Dostopne sive barve

Sive barve so pri dostopnosti vedno težavne, zato je doseganje WCAG nivoja AA izredno pomembno, če hočemo biti skladni.

Pomembno je, da gradimo dostopne spletne strani in čeprav težko nadomestimo ročno testiranje dostopnosti, obstajajo določena merila, ki jih pričakujejo tudi orodja Google Lighthouse in podobna. Eno od teh je tudi razmerje barvnega kontrasta, ki more biti ustrezno drugače lahko naša stran dobi oceno, da ni skladna z WCAG.

Sive barve so pogosto del spletnih strani ali aplikacij. Pogosto se uporabljajo v uporabi z belo (#FFFFFF) barvo. Zato moramo biti zelo pozorni, da izbiramo sive barve, ki so skladne z WCAG AA. Spodaj je nekaj primerov, ki so skladni.

Element Potrebno razmerje Sive barve Primer
Normalno besedilo WCAG AA 4.5:1 #767676 Primer
Normalno besedilo WCAG AAA 3:1 #949494 Primer
Veliko besedilo WCAG AA 7:1 #595959 Primer
Veliko besedilo WCAG AAA 4.5:1 #767676 Primer
Grafični vmesniki in komponente uporabniškega vmesnika WCAG AA 3:1 #949494 Primer

Kontraste lahko vedno preverjate tudi sami obstajajo različna orodja, sam najraje uporabljam WebAIM.

Komentiraj


*