Preverka barvnega kontrasta
Trenutno preveri razmerje kontrasta med barvo besedila in barvo ozadja ter skladnost s standardi dostopnosti (WCAG AA)
Značilnosti
Trenutna preverka razmerja kontrasta
Prikazuje rezultate WCAG AA z vnosom barve besedila in barve ozadja
Podpora za izbirnik in kodo
Navedite barvo z izbiro barvnega izbirnika ali s prilepljanjem HEX, krajše oblike ali rgb() kode
Prikaz vzorcev v dveh velikostih
Takoj preverite dejansko vidnost običajnega besedila in naslovov
Ena klik do barve, ki izpolnjuje standarde
Predlagana barva ohrani odtenek in spremeni svetlost, da se takoj uporabi
Kako se uporablja
Navedite barvo besedila
Izberite s pomočjo barvnega izbirnika ali vnesite barvno kodo v eni od oblik: #333333, #333 ali rgb(51, 51, 51)
Navedite barvo ozadja
Navedite barvo ozadja na enak način. Rezultati se posodabljajo med vnosom, brez potrebe po pritisku na gumb
Preverite razmerje, rezultat in vzorec
Preverite razmerje kontrasta, rezultat za običajno in veliko besedilo, kratko oceno ter vidnost vzorčnega besedila
Uporabite predlagano barvo in ponovno preverite
Če standardi niso izpolnjeni, uporabite predlagani gumb, kot je »Spremeni barvo besedila v ...«, da uporabite barvo, ki izpolnjuje standarde. Z gumbom za zamenjavo lahko tudi zamenjate barvo besedila in barvo ozadja
Primeri uporabe
Preverka barv diapozitivov in gradiv
Pred izdelavo preverite, ali je besedilo v internih gradivih ali diapozitivih berljivo
Preverka barv spletnega mesta
Preverite, ali barve spletnega mesta ali pasice izpolnjujejo standarde dostopnosti (WCAG AA)
Odločanje o uporabi blagovne znamke v besedilu
Pri uporabi blagovne znamke v besedilu odločite, kako temna mora biti barva za uporabo v glavnem besedilu
Popravek barv, ki ne izpolnjujejo standardov
Popravite nakazane barve z ohranjenjem odtenka, vendar spremenjenem svetlosti, da izpolnjujejo standarde
Osnovno znanje
Kaj je razmerje kontrasta
Razmerje kontrasta je merilo, ki izraža razliko v svetlosti med barvo besedila in barvo ozadja s številko od 1 : 1 do 21 : 1. Kombinacija črne in bele barve dosega največje razmerje 21 : 1, medtem ko ima isto barva najmanjše razmerje 1 : 1.
- Kako se izračuna：Razmerje kontrasta se izračuna z pretvorbo dveh barv na relativno svetlost sRGB in deljenjem svetlosti svetlejše barve (plus 0,05) s svetlostjo temnejše barve (plus 0,05).
- Okvirni vodnik za številke：Na belem ozadju (#FFFFFF) ima siva barva #777777 razmerje 4,47 : 1, #999999 ima 2,84 : 1, črna (#000000) pa ima 21 : 1.
Razlika med WCAG AA in AAA
WCAG je mednarodni smernica za dostopnost spletnih vsebin, ki določa meje za skladnost razmerja kontrasta v dveh stopnjah: AA in AAA.
- AA (standardna raven)：AA zahteva razmerje 4,5 : 1 ali više za običajno besedilo in 3,0 : 1 ali več za veliko besedilo. To je raven, ki jo običajno ciljo spletna mesta.
- AAA (strožja raven)：AAA zahteva razmerje 7 : 1 ali več za običajno besedilo in 4,5 : 1 ali več za veliko besedilo. Ta raven je namenjena tistim s slabšim vidom.
Opredelitev velike besedila
Po WCAG se velika besedila nanašajo na besedilo velikosti približno 18 točk (24 px) ali večje, ali debelo besedilo 14 točk (približno 18,7 px) ali večje.
- Običajno besedilo：Običajno besedilo je besedilo, ki ni veliko, kot je besedilo v glavnem delu članka ali opombah, in zahteva razmerje kontrasta 4,5 : 1 ali več.
- Povezava z naslovi：Naslovi, ki so manjši od 24 px in niso debeli, se obravnavajo kot običajno besedilo, zato je treba preveriti tako velikost kot debelino.
Varnost in zasebnost
Obdelava v brskalniku
Vneseni podatki se obdelujejo samo v vašem brskalniku in se ne pošiljajo navzven.
Obdelava samo v brskalniku
Izračun razmerja kontrasta in predlagane barve se izvaja v celoti v vašem brskalniku, vhodni podatki se ne pošljejo na strežnik.
Komunikacija je šifrirana z HTTPS
Nalaganje strani je tudi šifrirano z TLS in tretje osebe ne morejo prebrati vsebine.
Brez pošiljanja tretjim osebam
Vhodni podatki se ne pošljejo zunanjim storitvam, kot so oglaševalska omrežja ali sledilniki.
Brez samodejnega shranjevanja rezultatov
Vnesene barve besedila in barve ozadja in vnosne predloge se ne shranjujejo na strežniku.
Spremljaj RAKKOTOOLS na Googlovem iskanju
194 priročnih orodij je sedaj lažje najti na Googlovem iskanju in iskanju z AI!
- Najdeno pri iskanju
- Prikazano tudi pri iskanju z AI
- Odkritje novih orodij
Podatki o posodobitvah
- update #337
Dodaj preverjalnik kontrasta barv in oceni berljivost barve besedila in barve ozadja
Izbrana orodja
194 spletnih orodij je brezplačno dostopnih takoj!