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

Таносуби контрасти байни рангҳои пешзамина ва заминаро санҷед, то дастрасиро таъмин кунед.

1.00:1
Контраст
Fail
Хеле бад

Матни муқаррарӣ

AA (4.5:1)
AAA (7:1)

Матни калон

AA (3:1)
AAA (4.5:1)
White
#ffffff
Emerald
#50c878

Ислоҳҳои зуд

Aa

Унвони пешнамоиш

Фокси қаҳваранги тез аз болои саги танбал мепарад

Намунаи матни хурд (12px)

Матн
#ffffff
Замина
#50c878

Стандартҳои WCAG

Level AA

Таносуби минималии контрасти 4.5:1 барои матни муқаррарӣ ва 3:1 барои матни калон. Барои аксари вебсайтҳо зарур аст.

Level AAA

Таносуби контрасти такмилёфтаи 7:1 барои матни муқаррарӣ ва 4.5:1 барои матни калон. Барои дастрасии оптималӣ тавсия дода мешавад.

Барои ҳама андозаҳои матн контрасти нокифоя - ба стандартҳои WCAG ҷавобгӯ нест.

Санҷандаи контрасти ранг

Таносуби контрасти матн ва рангҳои заминаро ҳисоб кунед.

Бо истифода аз Selector de color барои матн ва ранги замина ранг интихоб кунед ё рангро дар формати RGB ҳаштгона ворид кунед (масалан, #259 ё #2596BE). Шумо метавонед слайдерро танзим кунед, то рангро интихоб кунед. Дастурҳои дастрасии мундариҷаи веб (WCAG) дастури махсус доранд, ки кӯмак мекунад муайян кунад, ки оё матн барои корбарони бино хонданӣ аст. Ин меъёр алгоритми махсусро истифода мебарад, то комбинатсияҳои рангро ба таносубҳои муқоисашаванда табдил диҳад. Бо истифода аз ин формула, WCAG изҳор мекунад, ки таносуби контрасти 4.5:1 бо матн ва заминаи он барои матни муқаррарӣ (матни бадан) кофӣ аст ва матни калон (18+ pt муқаррарӣ ё 14+ pt ғафс) бояд ҳадди ақал таносуби контрасти 3:1 дошта бошад.

Хусусиятҳои асосӣ

  • Ҳисобкунии таносуби контраст дар вақти воқеӣ
  • Санҷиши мутобиқати WCAG AA & AAA
  • Слайдерҳои HSL барои танзими дақиқ
  • Форматҳои пешнамоиши гуногун

Асбобҳои пешрафта

  • Ислоҳи автоматии ранг
  • Намунаҳои матн ва замина
  • Шинохти номи ранг
  • Содироти натиҷаҳо