Pokušajte SEO Tools

Provjera kontrasta

WCAG kontrastna provjera boja za izračunavanje omjera kontrasta teksta.

Omjer kontrasta 21:1

Normalni tekst

WCAG AA: Pass

WCAG AAA: Pass

Primjer normalnog teksta - 16px

Veliki tekst

WCAG AA: Pass

WCAG AAA: Pass

Primjer velikog teksta 18pt/24px

Grafički objekti i komponente korisničkog sučelja

WCAG AA: Pass

Izračunajte omjer kontrasta za normalnu veličinu teksta.
Izračunajte omjer kontrasta za veliku veličinu teksta.
Izračunajte omjer kontrasta za komponente korisničkog sučelja.
Odaberite boju iz birača boja
Postavite lakoću boje

Kako koristiti Contrast Checker

Odaberite boju pozadine
Odaberite boju prednjeg plana
Prilagodite lakoću ako je potrebno
Provjerite reviziju za normalan i veliki tekst

FAQ

Kako funkcionira provjera kontrasta?

Morate procijeniti boju teksta i pozadine. Prema smjernicama WCAG 2.1, to su: Veliki tekst - Tekst minimalne veličine 18px zahtijeva omjer kontrasta 3:1; Mali tekst - Tekst veličine manje od 18 piksela zahtijeva omjer kontrasta od 4, 5:1.

Zašto bi moja web stranica trebala imati dovoljan kontrast boja?

Tekst na pozadini s niskim omjerom kontrasta često je teško čitati. To ne samo da negativno utječe na one s oštećenjem vida, već zapravo neugodnosti svim korisnicima. Jedan primjer je čitanje teksta na mobitelu vani na sunčanom danu.

Što znači pristupačnost web stranice?

Pristupačna web stranica je web stranica dizajnirana tako da je osobe s oštećenjem vida ili sluha mogu koristiti bez ograničenja. Na primjer, to osigurava da svi elementi web mjesta imaju dovoljan kontrast boja, tj. boja teksta prilično se razlikuje od boje pozadine.

Da li slike i videozapisi moraju biti u skladu sa zahtjevima WCAG kontrasta boja?

Određene grafike i komponente sučelja zahtijevaju omjer kontrasta od najmanje 3:1. Međutim, to ne uključuje logotipe, ukrasne slike ili opće medijske datoteke.

Proizvodi

Web stranice

O nama

language

Provjera kontrasta

WCAG kontrastna provjera boja za izračunavanje omjera kontrasta teksta.

Normalni tekst

Veliki tekst

Grafički objekti i komponente korisničkog sučelja

Kako koristiti Contrast Checker

FAQ

Kako funkcionira provjera kontrasta?

Zašto bi moja web stranica trebala imati dovoljan kontrast boja?

Što znači pristupačnost web stranice?

Da li slike i videozapisi moraju biti u skladu sa zahtjevima WCAG kontrasta boja?