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
    #2596be

    Vinnige oplossings

    Aa

    Voorskoutitel

    Die vinnige bruin jakkals spring oor die lui hond

    Klein teks voorbeeld (12px)

    Teks
    #000000
    Agtergrond
    #2596be

    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