Színkontraszt Ellenőrző
Ellenőrizze a színkontraszt arányokat a WCAG 2.1 megfeleléshez. Azonnal ellenőrizze az AA és AAA szabványokat.
Mi a WCAG kontraszt arány?
A WCAG kontraszt arány az előtér- és háttérszínek közötti fényerőkülönbséget méri. 1:1-től 21:1-ig terjed.
Mik a WCAG AA és AAA követelmények?
WCAG AA minimum 4.5:1 normál szöveghez és 3:1 nagy szöveghez. AAA 7:1 és 4.5:1.
Mi számít nagy szövegnek?
Nagy szöveg: 18pt (24px) vagy nagyobb, vagy 14pt (18.66px) félkövér vagy nagyobb.
Miért fontos a színkontraszt?
A megfelelő kontraszt biztosítja a szöveg olvashatóságát látássérültek számára és javítja az olvashatóságot mindenki számára.
Hogyan számítsam ki a kontraszt arányt?
A relatív fényerő értékekkel számítják. A képlet: (L1 + 0.05) / (L2 + 0.05).
Mi a minimális kontraszt az UI elemekhez?
A WCAG minimum 3:1-et követel meg az UI komponensekhez és grafikus objektumokhoz.
Bármilyen színkombinációt használhatok?
Nem minden kombináció felel meg a hozzáférhetőségi szabványoknak. Használja ezt az ellenőrzőt érvényesítéshez.
Mi a relatív fényerő?
A szín érzékelt fényereje, 0 (fekete) és 1 (fehér) között. Az sRGB színtérrel számítják.
Ellenőriznem kell a képek kontrasztját?
A képeken lévő szövegnek ugyanazokat a követelményeket kell teljesítenie. Dekoratív képekre nem vonatkozik.
Milyen eszközök segítenek a kontrasztban?
Használjon böngésző fejlesztői eszközöket, tervező bővítményeket vagy online ellenőrzőket, mint ez.
A(z) Színkontraszt Ellenőrző használata
Ellenőrizze azonnal, hogy a szöveg és a felület kontrasztja megfelel-e a WCAG 2.1 AA és AAA küszöbeinek — teljesen a böngészőjében. Adjon meg két színt, és az arány helyben számolódik; semmi nem hagyja el az eszközt.
- Írja be vagy illessze be a szöveg színét a Foreground Color mezőbe, bármely támogatott formátumban, például HEX vagy RGB.
- Töltse ki a Background Color mezőt a szöveg mögötti színnel a kontrasztarány kiszámításához.
- Olvassa le a kapott arányt, valamint a normál és a nagy szöveghez tartozó AA és AAA megfelelés jelzéseit.
- Állítsa át egyik színt addig, amíg az arány át nem lépi a 4,5:1-et a folyó szövegnél, illetve a 3:1-et a nagy szövegnél és UI-elemeknél.
- Cserélje fel a Foreground Color és a Background Color értékeit a fordított kombinációhoz, például világos szöveg sötét témán.
AAA (7:1) kimagasló cél hosszú szövegekhez, de a legtöbb akadálymentesítési irányelv által követelt minimum 4,5:1 (AA).
Kapcsolódó eszközök
- Színpipetta Válasszon tetszőleges színt a képernyőről pipettával. Másolja a HEX, RGB, HSL kódokat azonnal. Ingyenes online eszköz.
- Színpaletta generátor Hozzon létre gyönyörű, harmonikus színpalettákat azonnal ingyenes online generátorunkkal. Támogatja a monokromatikus, analóg, komplementer, triadikus, osztott-komplementer és tetradikus módokat. Állítsa be a színeket HSL csúszkákkal, zárolja a kedvenceket, és exportáljon CSS, Tailwind, JSON vagy SVG formátumban. 100% böngészőalapú, adatai soha nem hagyják el az eszközét.
- Színvakság szimulátor Ingyenes online színvakság szimulátor. Tesztelje a protanopia, deuteranopia, tritanopia és egyéb típusú tervezéseket. 100% privát, a böngészőben fut.
- GIF Képkocka Bontás Egyedi képkockák kinyerése és letöltése GIF animációkból PNG vagy sprite lapként. Ingyenes online eszköz előnézettel és ZIP exportálással.
- GIF Visszafelé GIF animáció lejátszási sorrendjének megfordítása ingyen online. Töltsön fel, előnézzen és töltsön le azonnal.
- GIF Sebességváltó Változtassa meg a GIF animáció sebességét online. Gyorsítsa fel vagy lassítsa le a GIF fájlokat azonnal.
- Videó GIF-be Alakítson át videót animált GIF-be online. Állítsa be a minőséget, képkockasebességet és felbontást közvetlenül a böngészőben, feltöltés nélkül.
- Mém generátor Ingyenes online mém generátor. Adjon klasszikus felül/alul feliratokat bármely képhez, húzza szabadon őket, és azonnal töltse le a mémjét PNG vagy JPEG formátumban.