O tem orodju
Preverite barvno kontrastno razmerje med besedilom v ospredju in barvami ozadja v skladu s smernicami za dostopnost WCAG 2.1. Barve vnesite kot šestnajstiške kode, vrednosti RGB ali vrednosti HSL in takoj si oglejte kontrastno razmerje skupaj z rezultati uspešnosti/neuspešnosti za skladnost z WCAG AA in AAA pri običajni in veliki velikosti besedila.
Pogosta vprašanja
- Kakšno kontrastno razmerje je potrebno za skladnost z WCAG?
- WCAG AA zahteva 4,5:1 za običajno besedilo in 3:1 za veliko besedilo (18pt+ ali 14pt+ krepko). WCAG AAA zahteva 7:1 za običajno besedilo in 4,5:1 za veliko besedilo. Največje možno razmerje je 21:1 (črno na belo).
- Zakaj je barvni kontrast pomemben?
- Zadosten kontrast zagotavlja, da je besedilo berljivo za uporabnike s slabim vidom, barvno slepoto ali tiste, ki gledajo zaslone na močni sončni svetlobi. To je tudi zakonska zahteva v skladu z ADA in predpisi EU o dostopnosti za številna spletna mesta.
- Kaj se v WCAG šteje za 'veliko besedilo'?
- Veliko besedilo je definirano kot 18pt (24px) in več za običajno težo ali 14pt (18,66px) in več za krepko besedilo. Veliko besedilo ima nižje zahteve glede kontrasta, ker je samo po sebi lažje berljivo.
- Ali to orodje preverja kontrast za elemente, ki niso besedilo?
- WCAG 2.1 zahteva kontrastno razmerje 3:1 za komponente uporabniškega vmesnika in grafične predmete (gumbe, ikone, polja obrazcev). To orodje lahko uporabite tudi za preverjanje teh – samo vnesite barvo komponente in ozadja.