Barvni kontrast in kako ga preveriti
Mejne vrednosti WCAG in kako jih doseči.
Na kratko
WCAG AA zahteva razmerje vsaj 4,5:1 za običajno besedilo in 3:1 za veliko besedilo ter grafične elemente.
Prenizek kontrast je ena najpogostejših napak dostopnosti — in ena najlažje popravljivih.
Kaj je barvni kontrast
Barvni kontrast je razmerje svetlosti med besedilom in ozadjem. Izraža se kot razmerje od 1:1 (enaki barvi) do 21:1 (črna na beli). Nižje kot je, težje je besedilo berljivo — zlasti za slabovidne in na svetlih zaslonih.
Mejne vrednosti WCAG AA
- običajno besedilo: vsaj 4,5:1,
- veliko besedilo (pribl. 24px ali 19px krepko): vsaj 3:1,
- grafični elementi in stanja vmesnika: vsaj 3:1.
Kako preveriti kontrast
Kontrast preverite z brezplačnimi orodji za preverjanje razmerja kontrasta, ki jih vnesete v barvo besedila in ozadja. Mnoga orodja za razvijalce v brskalniku razmerje pokažejo neposredno ob elementu.
Na kaj še paziti
Kontrast ni pomemben le pri odstavkih, ampak tudi pri gumbih, poljih obrazcev, ikonah in stanju fokusa.
Ta vsebina je informativna in ne pomeni pravnega nasveta. Za razlago obveznosti za konkretno organizacijo priporočamo uradni pravni vir.
Preverite dostopnost svoje strani
Začnite z WCAG pregledom in dobili boste jasno sliko, kaj je smiselno urediti najprej.