Olùṣàyẹ̀wò Ìtakora Àwọ̀ WCAG Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Ìṣàyẹ̀wò ìyàtọ̀ (contrast) ń ṣiṣẹ́ pátápátá nínú aṣàwákiri rẹ pẹ̀lú algorithm luminance ìbátan WCAG 2.1 — kò sí ìwé-ìṣirò, kò sí sáfà, ìṣírò tí a fi ọwọ́ kọ nìkan tí ó tẹ̀lé ìlànà náà gan-an. Àbájáde kọ̀ọ̀kan ń yí padà ní àkókò gidi bí o ṣe ń kọ tàbí yan àwọ̀ kan.

1. 1
   Ìbáwọlé àti ìjọ́wọ́ hex

   A gba àwọn iye hex àmì-3 (#abc) àti àmì-6 (#aabbcc) méjèèjì tí a sì jọ̀wọ́ wọn sí àwọn ìdì RGB pípé. A kọ ìbáwọlé tí kò tọ́ lẹ́sẹ̀kẹsẹ̀ dípò kí ó dá padà sí dúdú láìsọ, nítorí náà ààlà pupa kan ń farahàn dípò àbájáde kọjá tí ó ṣì ọ̀nà.
2. 2
   Ìṣírò luminance WCAG

   A ń yí àwọ̀ kọ̀ọ̀kan padà sí luminance ìbátan pẹ̀lú fọ́rmúlà WCAG 2.1: àwọn iye ọ̀nà sRGB ni a ṣe linearize pẹ̀lú àtúnṣe gamma tí ó pín sí ẹ̀ka (pípín gbà 12.92 lábẹ́ 0.03928, gbígbé sókè sí agbára 2.4 lókè rẹ̀), a sì ń fi ìwọ̀n sí 0.2126R + 0.7152G + 0.0722B.
3. 3
   Ìdíwọ̀n ìyàtọ̀ àti ìṣàyẹ̀wò ìbámu

   A ń ṣírò ìdíwọ̀n ìyàtọ̀ gẹ́gẹ́ bí (fífúyẹ́ + 0.05) / (dídúdú + 0.05) a sì fi ṣàyẹ̀wò lòdì sí gbogbo ààlà WCAG márùn-ún: ọ̀rọ̀ déédéé AA (4.5:1), ọ̀rọ̀ ńlá AA (3:1), ọ̀rọ̀ déédéé AAA (7:1), ọ̀rọ̀ ńlá AAA (4.5:1), àti àwọn ẹ̀yà UI (3:1). Àwọn àbájáde ń yí padà ní ìtẹ̀ kọ́kọ́rọ́ kọ̀ọ̀kan.
4. 4
   Àwọn àbá àtúnṣe tí ó pa hue mọ́

   Nígbà tí àwọn méjèèjì bá kùnà WCAG AA, irinṣẹ́ náà ń wá àyè fífúyẹ́ HSL — tí ó ń rìn síta láti fífúyẹ́ ìpilẹ̀ṣẹ̀ ní ìtọ̀nà méjèèjì — láti rí ẹ̀dà tí ó súnmọ́ jùlọ ti àwọ̀ kọ̀ọ̀kan tí ó gba 4.5:1 nígbà tí ó ń pa hue àti saturation kan náà mọ́. API EyeDropper (Chromium) tún wà láti mú àwọ̀ èyíkéyìí tààrà láti ìfihàn rẹ.

Àwọn Irinṣẹ Tó Jọra