Värvikontrasti kontrollija

    Testi esiplaani ja taustavärvide kontrastsuse suhet, et tagada juurdepääsetavus.

    1.00:1
    Kontrastsus
    Fail
    Väga halb

    Tavaline tekst

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

    Suur tekst

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #C0C0C0
    #c0c0c0

    Kiired parandused

    Aa

    Eelvaate pealkiri

    Pruun rebane hüppab üle laisa koera

    Väikese teksti näide (12px)

    Tekst
    #ffffff
    Taust
    #c0c0c0

    WCAG standardid

    Level AA

    Minimaalne kontrastsuhe 4.5:1 tavalise teksti ja 3:1 suure teksti jaoks. Kohustuslik enamikul veebisaitidel.

    Level AAA

    Tõhustatud kontrastsuhe 7:1 tavalise teksti ja 4.5:1 suure teksti jaoks. Soovitatav parima juurdepääsetavuse tagamiseks.

    Ebapiisav kontrastsus kõigi tekstisuuruste jaoks - ei vasta WCAG standarditele.

    Värvikontrasti kontrollija

    Arvuta teksti ja taustavärvide kontrastsuse suhe.

    Vali värv kasutades värvivalijat teksti ja tausta jaoks või sisesta värv RGB heksadecimaal formaadis (nt #259 või #2596BE). Saad libistiga kohandada värvi valikut. Veebisisu juurdepääsetavuse juhised (WCAG) pakuvad spetsiaalse juhise, et määrata kindlaks, kas tekst on nägemispuudega kasutajatele loetav. See kriteerium kasutab spetsiaalset algoritmi, et kaardistada värvikombinatsioonid võrreldavateks suheteks. Selle valemi abil väidab WCAG, et minimaalne kontrastsuhe 4.5:1 tekstile ja taustale on piisav tavateksti jaoks ja suure teksti (18+ pt tavaline või 14+ pt valge) jaoks peaks olema vähemalt 3:1.

    Põhifunktsioonid

    • Reaalajas kontrastsuse suhte arvutamine
    • WCAG AA & AAA vastavuse kontrollimine
    • HSL liugurid peenhäälestuseks
    • Mitme eelvaate formaadid

    Täpsemad tööriistad

    • Automaatne värvide parandamine
    • Teksti ja tausta näidised
    • Värvinime tuvastamine
    • Tulemuste eksportimine