Kyauta Mai Duba Bambancin Launi na WCAG

Yadda Yake Aiki

Bincike na bambanci yana gudana gaba ɗaya a burauzarka ta amfani da algorithm na haske na dangi na WCAG 2.1 — babu ɗakin karatu, babu uwar garke, kawai lissafi da aka rubuta da hannu wanda yake bin ka'idar daidai. Kowane sakamako yana sabuntawa a lokaci na gaskiya yayin da kake bugawa ko zaɓen launi.

1. 1
   Shigarwar hex da daidaitawa

   Ana karɓar ƙimomin hex na digit-3 (#abc) da digit-6 (#aabbcc) kuma an daidaita su zuwa cikakkun uku-uku na RGB. Ana ƙin shigarwa mara inganci nan take maimakon shiru zuwa baki na asali, don haka wata iyaka mai ja tana bayyana maimakon sakamakon nasara mai ruɗi.
2. 2
   Lissafin haske na WCAG

   Ana canja kowane launi zuwa haske na dangi ta amfani da ka'idar WCAG 2.1: ana daidaita ƙimomin tashar sRGB da gyara gamma na sassa (raba da 12.92 ƙasa da 0.03928, ɗaga zuwa ƙarfi na 2.4 sama da shi), sannan a auna su a matsayin 0.2126R + 0.7152G + 0.0722B.
3. 3
   Rabon bambanci da bincike na dacewa

   Ana lissafta rabon bambanci a matsayin (mai haske + 0.05) / (mai duhu + 0.05) kuma ana bincika shi da duk iyakoki biyar na WCAG: rubutun al'ada na AA (4.5:1), rubutu babba na AA (3:1), rubutun al'ada na AAA (7:1), rubutu babba na AAA (4.5:1), da abubuwan UI (3:1). Ana sabunta sakamako a kowace dannawa.
4. 4
   Shawarwarin gyara masu kiyaye launi

   Idan biyu ɗin sun kasa WCAG AA, kayan aikin yana bincika sararin haske na HSL — yana matsawa waje daga ainihin hasken a kowace hanya biyu — don gano mafi kusa na kowace launi wanda yake wucewa 4.5:1 yayin da yake ci gaba da iri ɗayan hue da saturation. Hakanan ana samun EyeDropper API (Chromium) don ɗaukar kowane launi kai tsaye daga allonka.

Kayan Aiki Masu Alaƙa