Санҷишгари контрасти ранги WCAG-и ройгон

Чӣ тавр он кор мекунад

Санҷиши контраст пурра дар браузери шумо бо алгоритми равшании нисбии WCAG 2.1 кор мекунад — на китобхона, на сервер, танҳо математикаи дастнависе ки мушаххасотро дақиқ пайравӣ мекунад. Ҳар натиҷа дар вақти воқеӣ ҳангоми навиштан ё интихоби ранг нав мешавад.

1. 1
   Вуруди шонздаҳӣ ва муқаррарисозӣ

   Ҳам қимматҳои шонздаҳии 3-рақама (#abc) ва ҳам 6-рақама (#aabbcc) қабул ва ба сегонаҳои пурраи RGB муқаррар карда мешаванд. Вуруди нодуруст фавран рад карда мешавад, на ба сиёҳ ба таври хомӯш пешфарз шавад, бинобар ин ҳошияи сурх пайдо мешавад, на натиҷаи гумроҳкунандаи гузашт.
2. 2
   Ҳисоби равшании WCAG

   Ҳар ранг ба равшании нисбӣ бо формулаи WCAG 2.1 табдил дода мешавад: қимматҳои канали sRGB бо тасҳеҳи гаммаи порчагӣ хатт карда мешаванд (тақсим ба 12.92 зери 0.03928, боло бурдан ба дараҷаи 2.4 болои он), сипас ҳамчун 0.2126R + 0.7152G + 0.0722B вазн карда мешаванд.
3. 3
   Санҷиши нисбати контраст ва мутобиқат

   Нисбати контраст ҳамчун (равшантар + 0.05) / (торик+тар + 0.05) ҳисоб карда, дар муқобили тамоми панҷ ҳадди WCAG санҷида мешавад: матни муқаррарии AA (4.5:1), матни калони AA (3:1), матни муқаррарии AAA (7:1), матни калони AAA (4.5:1) ва ҷузъҳои интерфейс (3:1). Натиҷаҳо дар ҳар зарбаи калид нав мешаванд.
4. 4
   Пешниҳодҳои ислоҳи нигоҳдорандаи ранг

   Вақте ки ҷуфт WCAG AA-ро аз даст медиҳад, абзор фазои равшании HSL-ро ҷустуҷӯ мекунад — аз равшании аслӣ дар ҳарду самт қадам мезанад — то наздиктарин вариант аз ҳар рангро ёбад, ки 4.5:1-ро мегузарад, дар ҳоле ки ҳамон рангсоя ва серрангиро нигоҳ медорад. API-и EyeDropper (Chromium) низ дастрас аст, то ягон рангро бевосита аз экрани шумо намуна гирад.

Абзорҳои марбут