Provera kontrasta boja

    Testiraj odnos kontrasta između boje prednjeg plana i pozadine kako bi osigurao pristupačnost.

    1.00:1
    Kontrast
    Fail
    Veoma loše

    Normalan tekst

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

    Veliki tekst

    AA (3:1)
    AAA (4.5:1)
    #FFFFFF
    #ffffff
    #FFFF00
    #ffff00

    Brza rešenja

    Aa

    Naslov pregleda

    Brza smeđa lisica skače preko lenjog psa

    Primer malog teksta (12px)

    Tekst
    #ffffff
    Pozadina
    #ffff00

    WCAG standardi

    Level AA

    Minimalni odnos kontrasta od 4.5:1 za običan tekst i 3:1 za veliki tekst. Potrebno za većinu sajtova.

    Level AAA

    Poboljšani odnos kontrasta od 7:1 za običan tekst i 4.5:1 za veliki tekst. Preporučeno za optimalnu pristupačnost.

    Nedovoljan kontrast za sve veličine teksta - ne ispunjava WCAG standarde.

    Provera kontrasta boja

    Izračunaj odnos kontrasta između boje teksta i pozadine.

    Izaberi boju koristeći biranje boje za tekst i pozadinu ili unesi boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možeš podesiti klizač za odabir boje. Smernice za pristupačnost Web sadržaja (WCAG) imaju specifične smernice za procenu čitljivosti teksta za korisnike sa vidom. Ovaj kriterijum koristi određeni algoritam za mapiranje kombinacija boja u uporedive odnose. Prema ovoj formuli, WCAG navodi da je 4.5:1 odnos kontrasta boje sa tekstom i pozadinom adekvatan za običan tekst, a veliki tekst (18+ pt obični, ili 14+ pt bold) treba da ima najmanje odnos kontrasta 3:1.

    Ključne karakteristike

    • Izračunavanje kontrastnog odnosa u realnom vremenu
    • Provera usklađenosti sa WCAG AA i AAA
    • HSL klizači za fino podešavanje
    • Višestruki formati pregleda

    Napredni alati

    • Automatsko ispravljanje boja
    • Uzorci teksta i pozadine
    • Detekcija naziva boje
    • Izvoz rezultata