Kleurkontraskontroleerder

Toets die kontrasverhouding tussen voorgrond- en agtergrondkleure om toeganklikheid te verseker.

1.00:1
Kontras
Fail
Baie swak

Normale teks

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

Groot teks

AA (3:1)
AAA (4.5:1)
Black
#000000
Black
#0088cc

Vinnige oplossings

Aa

Voorskoutitel

Die vinnige bruin jakkals spring oor die lui hond

Klein teks voorbeeld (12px)

Teks
#000000
Agtergrond
#0088cc

WCAG-standaarde

Level AA

Minimum kontrasverhouding van 4.5:1 vir normale teks en 3:1 vir groot teks. Vereis vir die meeste webwerwe.

Level AAA

Verbeterde kontrasverhouding van 7:1 vir normale teks en 4.5:1 vir groot teks. Aanbeveel vir optimale toeganklikheid.

Swak kontras vir alle teksgroottes.

Kleurkontraskontroleerder

Bereken die kontrasverhouding van teks- en agtergrondkleure.

Kies 'n kleur met die kleurkieser vir teks en agtergrondkleur of voer 'n kleur in RGB heksadesimale formaat in (bv. #259 of #2596BE). Jy kan die skuifbalk verstel om kleur te kies. Die Web Content Accessibility Guidelines (WCAG) het 'n spesifieke riglyn om te help uitvind of teks leesbaar is vir siende gebruikers. Hierdie kriteria gebruik 'n spesifieke algoritme om kleurkombinasies in vergelykbare verhoudings te karteer. Deur hierdie formule te gebruik, stel WCAG dat 'n 4.5:1 kleurkontrasverhouding met teks en sy agtergrond voldoende is vir gewone (liggaam) teks, en groot teks (18+ pt gereeld, of 14+ pt vetdruk) moet ten minste 'n 3 hê: 1 kleur kontras verhouding.

Belangrike kenmerke

  • Berekening van intydse kontrasverhouding
  • WCAG AA- en AAA-nakomingskontrole
  • HSL-skuifbalke vir fyn afstelling
  • Verskeie voorskouformate

Gevorderde gereedskap

  • Outomatiese kleurregstelling
  • Teks- en agtergrondvoorbeelde
  • Kleurnaam-opsporing
  • Uitvoer resultate