Il-kuntrast tal-kuluri huwa wieħed mill-aktar elementi fundamentali fl-aċċessibbiltà tal-web. Il-Verifikatur tal-Kuntrast jippermetti li ddaħħal kulur tat-test u kulur tal-isfond biex tiddetermina l-proporzjon tal-kuntrast tagħhom skont l-istandards WCAG 2.1 / 2.2. L-għodda turi b'mod preċiż liema livelli ta' aċċessibbiltà (AA u AAA) jgħaddu għal test normali, test kbir, u komponenti tal-UI.
Kull verifika ssir fil-browser tiegħek. Xejn minn dak li ddaħħal ma jiġi mtella' fuq BroBroGo. Dan jiżgura li l-proċess tal-verifika tal-kuluri jibqa' kompletament lokali fuq it-tagħmir tiegħek.
Kif Jaħdem il-Proporzjon tal-Kuntrast
Il-proporzjon tal-kuntrast ikejjel id-differenza fil-luminożità bejn żewġ kuluri. Dan il-proporzjon ivarja minn 1:1, li jirrappreżenta l-ebda kuntrast (bħal test abjad fuq sfond abjad), sa 21:1, li huwa l-ogħla kuntrast possibbli (test iswed fuq sfond abjad).
L-għodda tuża l-formula uffiċjali tal-WCAG 2.1 / 2.2 biex tikkalkula r-riżultat preċiż u turi l-valur fil-format "X:1". Bħala punt tat-tluq, l-għodda hija kkonfigurata bil-kuluri inizjali ta' #4f46e5 għat-test u #ffffff għall-isfond, li jipproduċu proporzjon ta' kuntrast ta' 6.29.
Il-Formati tal-Input u l-Kontrolli
Biex tibda l-verifika, tista' ddaħħal il-kuluri fil-kaxxi tal-input rispettivi:
- Kulur tat-test: Il-valur tal-kulur li se jintuża għat-test.
- Kulur tal-isfond: Il-valur tal-kulur li se jintuża għall-isfond.
L-għodda taċċetta tliet formati ta' kulur komuni fl-iżvilupp tal-web:
- Valuri Hex: Eżempji jinkludu
#1a1a1ajew#ffffff. - Valuri rgb(): Eżempji jinkludu
rgb(26, 26, 26)jewrgb(255, 255, 255). - Valuri hsl(): Formati bbażati fuq lewn, saturazzjoni u luminożità.
Jekk jiddaħħal valur li mhuwiex validu, l-interface turi messaġġ ta' żball speċifiku:
- Għal kulur tat-test invalidu: "Daħħal kulur tat-test validu, bħal #1a1a1a jew rgb(26, 26, 26)."
- Għal kulur tal-isfond invalidu: "Daħħal kulur tal-isfond validu, bħal #ffffff jew rgb(255, 255, 255)."
L-interface tinkludi wkoll buttuna swap li tippermetti li taqleb il-kuluri tat-test u tal-isfond istantanjament biex tittestja l-kombinazzjoni bil-maqlub.
Il-Kriterji tal-Livelli AA u AAA
Il-linji gwida WCAG jiddefinixxu limiti speċifiċi ta' kuntrast skont id-daqs tat-test u l-użu tal-element. Il-Verifikatur tal-Kuntrast jevalwa l-inputs tiegħek abbażi ta' dawn ir-regoli u juri "Tajjeb" jew "Mhux tajjeb" għal kull kategorija:
| Kategorija | Livell AA | Livell AAA |
|---|---|---|
| Test normali | Minimu ta' 4.5:1 | Minimu ta' 7:1 |
| Test kbir | Minimu ta' 3:1 | Minimu ta' 4.5:1 |
| UI u grafika | Minimu ta' 3:1 (Limitu Uniku) | Minimu ta' 3:1 (Limitu Uniku) |
Għall-kategorija UI u grafika, il-linja gwida teħtieġ proporzjon ta' mill-inqas 3:1. Din il-kategorija m'għandhiex distinzjoni bejn AA u AAA; l-għodda turi riżultat wieħed biss għaliha minflok tnejn.
Id-Definizzjoni ta' Test Normali u Test Kbir
Fl-aċċessibbiltà tal-web, id-daqs u l-piż tat-tipografija jiddeterminaw il-kategorija tat-test:
- Test kbir: Huwa definit bħala test li huwa mill-inqas 18pt (madwar 24px), jew mill-inqas 14pt (madwar 18.5px) meta jkun grassett (bold).
- Test normali: Kwalunkwe test li huwa iżgħar mil-limiti stabbiliti għal test kbir.
Tali distinzjoni hija importanti għaliex test akbar u eħxen huwa aktar faċli biex jinqara, u għalhekk jeħtieġ proporzjon ta' kuntrast inqas strett biex jgħaddi mill-kriterji tal-aċċessibbiltà.
Interpretazzjoni tal-Verdict (Verdit)
Wara li l-għodda tikkalkula l-proporzjon, hija tipprovdi sommarju ċar tal-ogħla livell li l-kombinazzjoni tal-kuluri rnexxielha tilħaq:
- "Jgħaddi minn AA u AAA għal test normali." – Din hija l-ogħla konformità fejn il-kuntrast huwa ugwali jew akbar minn 7:1.
- "Jgħaddi minn AA għal test normali." – Il-kuntrast huwa mill-inqas 4.5:1 iżda inqas minn 7:1.
- "Jgħaddi minn AA għal test kbir biss." – Il-kuntrast huwa mill-inqas 3:1 iżda inqas minn 4.5:1.
- "Taħt il-minimu ta' AA — żid il-kuntrast." – Il-kuntrast huwa inqas minn 3:1 u ma jissodisfax il-kriterji bażiċi tal-aċċessibbiltà.
Dan il-verdit jgħin lid-disinjaturi, l-iżviluppaturi, u t-timijiet tal-kontenut biex jieħdu deċiżjonijiet malajr dwar l-adegwatezza tal-kuluri magħżula għall-proġetti tagħhom.
Mistoqsijiet Frekwenti (FAQ)
Xi jfissru r-riżultati AA u AAA?
AA huwa l-livell li l-biċċa l-kbira tas-siti jimmiraw għalih: jeħtieġ proporzjon ta' mill-inqas 4.5:1 għal test normali u 3:1 għal test kbir. AAA huwa aktar strett — 7:1 għal test normali u 4.5:1 għal test kbir. Il-proporzjon ivarja minn 1:1 (l-ebda kuntrast) sa 21:1 (iswed fuq abjad).
X'inhu meqjus bħala test kbir?
Test minn 18pt (madwar 24px), jew 14pt (madwar 18.5px) meta jkun grassett (bold). Test akbar ibqa' jinqara b'kuntrast aktar baxx, għalhekk jgħaddi mill-kriterji AA bi 3:1 u AAA b'4.5:1 minflok il-limiti aktar stretti għal test normali.
Liema formati ta' kulur nista' ndaħħal?
Ikteb valur hex bħal #1a1a1a, valur rgb() bħal rgb(26, 26, 26), uża valur hsl(), jew ikklikkja fuq xi wieħed mill-kampjuni biex tagħżel kulur. Uża l-buttuna swap biex taqleb il-kuluri tat-test u tal-isfond.
Dan huwa l-metodu WCAG 2 jew il-metodu l-ġdid APCA?
Dan juża l-formula WCAG 2.1 / 2.2, li hija r-referenza tal-lum għar-regoli u l-awditjar tal-aċċessibbiltà. L-APCA hija metodu aktar ġdid ibbażat fuq il-perċezzjoni li għadu qed jiġi abbozzat għal WCAG 3 — huwa promettenti, iżda għadu mhux standard uffiċjali, għalhekk ir-riżultati ta' suċċess hawnhekk ma jużawhx.