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)
    Black
    #000000
    Eastern Blue
    #2596be

    Kiired parandused

    Aa

    Eelvaate pealkiri

    Pruun rebane hüppab üle laisa koera

    Väikese teksti näide (12px)

    Tekst
    #000000
    Taust
    #2596be

    WCAG standardid

    Level AA

    Minimaalne kontrastsuse suhe 4,5:1 tavalise teksti ja 3:1 suure teksti jaoks. Nõutav enamikul veebisaitidel.

    Level AAA

    Tõhustatud kontrastsuse suhe 7:1 tavalise teksti ja 4,5:1 suure teksti jaoks. Soovitatav optimaalseks juurdepääsetavuseks.

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

    Värvikontrasti kontrollija

    Arvuta teksti ja taustavärvide kontrastsuse suhe.

    Vali värv teksti ja taustavärvi jaoks, kasutades värvivalijat, või sisesta värv RGB heksaadetsimaalses vormingus (nt #259 või #2596BE). Saad liugurit reguleerida, et valida värv. Veebisisu juurdepääsetavuse juhised (WCAG) sisaldavad konkreetset juhist, mis aitab kindlaks teha, kas tekst on nägemispuudega kasutajatele loetav. See kriteerium kasutab kindlat algoritmi, et kaardistada värvikombinatsioonid võrreldavateks suheteks. Selle valemi abil väidab WCAG, et 4,5:1 värvikontrasti suhe teksti ja selle tausta vahel on piisav tavalise (keha) teksti jaoks ning suur tekst (18+ pt tavaline või 14+ pt paks) peaks omama vähemalt 3:1 värvikontrasti suhet.

    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