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

    Brza rešenja

    Aa

    Naslov pregleda

    Brza smeđa lisica skače preko lenjog psa

    Primer malog teksta (12px)

    Tekst
    #000000
    Pozadina
    #2596be

    WCAG standardi

    Level AA

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

    Level AAA

    Poboljšani odnos kontrasta od 7:1 za normalan 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 color picker za tekst i boju pozadine ili unesi boju u RGB heksadecimalnom formatu (npr. #259 ili #2596BE). Možeš podesiti klizač za izbor boje. Smernice za pristupačnost web sadržaja (WCAG) imaju specifične smernice koje pomažu da se utvrdi da li je tekst čitljiv za korisnike sa vidom. Ovi kriterijumi koriste poseban algoritam za mapiranje kombinacija boja u uporedive odnose. Prema ovoj formuli, WCAG navodi da je odnos kontrasta boja od 4.5:1 između teksta i pozadine adekvatan za običan tekst, dok veliki tekst (18+ pt običan, ili 14+ pt podebljan) treba da ima najmanje 3:1 odnos kontrasta boja.

    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