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.