Krāsu kontrasta pārbaudītājs
Pārbaudiet teksta un fona krāsas kontrastu atbilstoši WCAG 2 un APCA. Pārbaudītājs aprēķina WCAG 2 kontrasta attiecību pēc relatīvā spilgtuma, norāda, vai AA un AAA prasības ir izpildītas parastam un lielam tekstam, kā arī UI grafikām, un pievieno APCA gaišuma kontrasta vērtību ar norādēm par tās lietojumu. Paredzēts dizaineriem un izstrādātājiem, kas veido piekļūstamas saskarnes.
Bieži uzdotie jautājumi
Ko nozīmē WCAG līmeņi?
AA līmenim nepieciešams 4.5:1 parastam tekstam un 3:1 lielam tekstam (veiksmes kritērijs 1.4.3); AAA līmenim nepieciešams 7:1 un 4.5:1 (1.4.6). Lietotāja saskarnes komponentiem un jēgpilnām grafikām nepieciešams 3:1 salīdzinājumā ar blakus esošajām krāsām (1.4.11). Pārbaudītājs norāda, vai katrs no šiem pieciem sliekšņiem ir sasniegts.
Kas tiek uzskatīts par lielu tekstu?
WCAG definē lielu tekstu kā vismaz 18 punktu parasto fontu (aptuveni 24 CSS pikseļi) vai vismaz 14 punktu treknrakstu (aptuveni 18.66 CSS pikseļi). Viss mazāks tiek uzskatīts par parastu tekstu, un tam nepieciešama augstāka kontrasta attiecība.
Kāpēc attiecība 4.499:1 neatbilst AA prasībām?
WCAG sliekšņi ir precīzi, tāpēc attiecība, kas, noapaļojot, būtu 4.5, bet ir mazāka par šo vērtību, neatbilst prasībām. Pārbaudītājs salīdzina nenoapaļoto attiecību un parāda to, saīsinot līdz divām zīmēm aiz komata, tāpēc attēlotā vērtība nekad neizskatās labāka par faktisko.
Kas ir APCA?
Accessible Perceptual Contrast Algorithm ir kontrasta metode, kas izstrādāta WCAG 3 uzmetumiem. Tā modelē uztverto gaišuma kontrastu, atšķirīgi ņem vērā tekstu un fonu un atgriež gaišuma kontrasta vērtību Lc aptuveni no -108 līdz 106. Tā vēl nav iekļauta nevienā publicētā WCAG standartā, tāpēc atbilstības novērtēšanai izmantojiet WCAG 2 rezultātus, bet APCA — kā papildu pārbaudi.
Kāpēc APCA vērtība dažkārt ir negatīva?
APCA ņem vērā polaritāti: pozitīvas vērtības nozīmē tumšu tekstu uz gaiša fona, bet negatīvas — gaišu tekstu uz tumša fona. Norādēs tiek izmantota absolūtā vērtība, tāpēc Lc -75 un Lc 75 ietilpst vienā līmenī.
Kā tiek noteikti APCA ieteikumu līmeņi?
Tie atbilst APCA bronze simple mode: Lc 90 ir ieteicamā vērtība pamattekstam, Lc 75 — minimālā vērtība pamattekstam, Lc 60 — citam satura tekstam, Lc 45 — virsrakstiem un lielam tekstam, Lc 30 — tekstam, ko lasa īsumā, piemēram, vietturiem, bet Lc 15 — neteksta elementiem. Svarīgs ir arī fonta izmērs un biezums, tāpēc uztveriet šos līmeņus kā sākumpunktu, nevis galīgo spriedumu.
Kura APCA versija ir ieviesta?
Ieviestas APCA-W3 konstantes no versijas 0.0.98 G, redakcijas 4g, ar vienkāršo 2.4 kāpinātāju sRGB kanāliem, maigā melnās krāsas ierobežošanu un zemā kontrasta apgriešanu. Melns teksts uz balta fona dod aptuveni Lc 106.0, bet balts teksts uz melna fona — aptuveni Lc -107.9, kas atbilst atsauces implementācijai.
Kādus krāsu formātus var ievadīt?
Hex kodi ar # vai bez tā, CSS krāsu nosaukumi, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() telpas, piemēram, display-p3, un cmyk(). Krāsas ārpus sRGB vispirms tiek pārveidotas uz sRGB, jo abas formulas ir paredzētas sRGB ekrāna krāsām.
Kā tiek apstrādātas caurspīdīgas krāsas?
Pirms mērīšanas daļēji caurspīdīgā teksta krāsa tiek sajaukta ar fonu tāpat, kā to attēlo pārlūkprogramma. Daļēji caurspīdīgs fons vispirms tiek sajaukts ar baltu. Rezultātā ir norādītas necaurspīdīgās teksta un fona krāsas, kas faktiski tika salīdzinātas.
Vai abu krāsu secībai ir nozīme?
WCAG 2 gadījumā nav, jo gaišākā un tumšākā spilgtuma attiecība abos gadījumos ir vienāda. APCA gadījumā ir, jo tekstam un fonam tiek piešķirts atšķirīgs svars, tāpēc pirmajā laukā ievadiet teksta krāsu, bet otrajā — fona krāsu.