Színkontraszt-ellenőrző
Ellenőrizze a szöveg és a háttérszín kontrasztját a WCAG 2 és az APCA szerint. Az ellenőrző a relatív fénysűrűség alapján kiszámítja a WCAG 2 kontrasztarányt, jelzi, hogy az AA és AAA szint normál és nagy méretű szövegre, valamint UI grafikákra vonatkozó követelményei teljesülnek-e, és megadja az APCA világossági kontrasztértékét, valamint útmutatást ad annak értelmezéséhez. Akadálymentes felületeket készítő tervezőknek és fejlesztőknek készült.
Gyakran ismételt kérdések
Mit jelentenek a WCAG-szintek?
Az AA szint normál szövegnél 4.5:1, nagy méretű szövegnél pedig 3:1 kontrasztarányt követel meg (1.4.3 sikerkritérium); az AAA szinthez 7:1 és 4.5:1 szükséges (1.4.6). A felhasználói felület elemeinek és az értelmezéssel bíró grafikáknak 3:1 kontrasztarányt kell elérniük a szomszédos színekhez képest (1.4.11). Az ellenőrző mind az öt küszöbértéknél jelzi, hogy teljesül-e a követelmény.
Mi számít nagy méretű szövegnek?
A WCAG szerint nagy méretűnek számít legalább 18 pontos normál szöveg, ami körülbelül 24 CSS pixelnek felel meg, vagy legalább 14 pontos félkövér szöveg, ami körülbelül 18.66 CSS pixel. Az ennél kisebb szöveg normál méretű, és magasabb kontrasztarányt igényel.
Miért nem felel meg a 4.499:1 arány az AA szintnek?
A WCAG küszöbértékei pontosak, ezért az a kontrasztarány, amely kerekítve 4.5 lenne, de ennél kisebb, nem felel meg. Az ellenőrző a kerekítetlen arányt veszi alapul, és két tizedesjegyre csonkítva jeleníti meg, így a kijelzett érték soha nem tűnik kedvezőbbnek a valósnál.
Mi az az APCA?
Az Accessible Perceptual Contrast Algorithm a WCAG 3 tervezeteihez kidolgozott kontrasztmérési módszer. Az észlelt világosságkontrasztot modellezi, eltérően kezeli a szöveget és a hátteret, és egy Lc világosságkontraszt-értéket ad vissza, körülbelül -108 és 106 között. Egyelőre egyetlen közzétett WCAG-szabvány része sem, ezért megfelelőség ellenőrzéséhez a WCAG 2 eredményeit használja, az APCA-t pedig kiegészítő ellenőrzésként.
Miért negatív néha az APCA értéke?
Az APCA figyelembe veszi a polaritást: a pozitív érték világos háttéren megjelenő sötét szöveget, a negatív érték pedig sötét háttéren megjelenő világos szöveget jelent. Az útmutatás az abszolút értéket veszi alapul, ezért az Lc -75 és az Lc 75 ugyanabba a kategóriába esik.
Hogyan határozzák meg az APCA-útmutatás kategóriáit?
Az APCA bronz egyszerű módját követik: törzsszövegnél az Lc 90 az ajánlott, az Lc 75 a minimum; egyéb tartalmi szövegnél az Lc 60; címeknél és nagy méretű szövegnél az Lc 45; rövid ideig olvasható szövegnél, például helyőrzőknél az Lc 30; nem szöveges elemeknél pedig az Lc 15. A betűméret és a betűvastagság is számít, ezért ezeket a kategóriákat kiindulópontként kezelje, ne végleges ítéletként.
Az APCA melyik verziója van megvalósítva?
A 0.0.98 G verzió 4g revíziójának APCA-W3 konstansait használja, az sRGB-csatornákon alkalmazott egyszerű 2.4-es kitevővel, lágy feketekorlátozással és alacsony kontrasztú értékek csonkításával. Fekete szöveg fehér háttéren körülbelül Lc 106.0 értéket, fehér szöveg fekete háttéren pedig körülbelül Lc -107.9 értéket ad, ami egyezik a referencia-megvalósítással.
Milyen színformátumokat adhatok meg?
Hexadecimális kódok #-szel vagy anélkül, CSS színnevek, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() színterek, például a display-p3, valamint cmyk(). Az sRGB-n kívüli színeket először sRGB-be képezi le, mivel mindkét képlet sRGB-kijelzők színeire van meghatározva.
Hogyan kezeli az átlátszó színeket?
A félig átlátszó szövegszínt mérés előtt a háttérre keveri, ahogyan azt a böngésző is megjeleníti. A félig átlátszó hátteret először fehérre keveri. Az eredmény megmutatja a ténylegesen összehasonlított, átlátszatlan szöveg- és háttérszíneket.
Számít a két szín sorrendje?
A WCAG 2 esetében nem, mert a világosabb és a sötétebb fénysűrűség aránya mindkét sorrendben azonos. Az APCA esetében igen, mert eltérő súllyal veszi figyelembe a szöveget és a hátteret, ezért a szöveg színét az első, a háttér színét a második mezőben adja meg.