Kleurkontras Kontroleerder

    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)
    #FFFFFF
    #ffffff
    #FF7A00
    #ff7a00

    Vinnige regstellings

    Aa

    Voorskoutitel

    Die vinnige bruin jakkals spring oor die lui hond

    Klein teks voorbeeld (12px)

    Teks
    #ffffff
    Agtergrond
    #ff7a00

    WCAG Standaarde

    Level AA

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

    Level AAA

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

    Onvoldoende kontras vir alle teksgroottes - voldoen nie aan WCAG-standaarde nie.

    Kleurkontras Kiezer

    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 glyer aanpas om kleur te kies. Die Web Content Accessibility Guidelines (WCAG) het 'n spesifieke riglyn om uit te vind of teks leesbaar is vir siende gebruikers. Hierdie kriteria gebruik 'n spesifieke algoritme om kleurkombinasies in vergelykbare verhoudings te omskep. Deur hierdie formule te gebruik, stel WCAG dat 'n 4.5:1 kleurkontrasverhouding met teks en sy agtergrond voldoende is vir gewone (liggaams)teks, en groot teks (18+ pt gereeld, of 14+ pt vet) moet ten minste 'n 3:1 kleurkontrasverhouding hê.

    Belangrike kenmerke

    • Regstreekse kontrasverhouding berekening
    • WCAG AA & AAA nakomingskontrole
    • HSL-skuifknoppies vir fyninstelling
    • Meervoudige voorskouformate

    Gevorderde gereedskap

    • Outomatiese kleurherstel
    • Teks- en agtergrondmonsters
    • Kleurnaam opsporing
    • Voer resultate uit