Kako da proverim kontrast boja i čitljivost (WCAG osnove)?

Provera kontrasta boja i čitljivosti prema WCAG standardima

WCAG (Web Content Accessibility Guidelines) definiše minimalne zahteve za pristupačnost veb sadržaja, uključujući kontrast boja između teksta i pozadine. Preporučeni odnos kontrasta je 4.5:1 za normalni tekst (veličine 12-14pt) i 3:1 za veliki tekst (preko 18pt ili bold preko 14pt). Ovo osigurava pristupačnost za korisnike sa smanjenim vidom.

Koraci za proveru kontrasta boja

  1. Identifikujte boje: Odaberite heksadecimalne vrednosti boja za tekst (npr. #000000) i pozadinu (npr. #FFFFFF) iz CSS-a vaše WordPress teme (Appearance > Customize > Colors).
  2. Koristite online alate:
    • WebAIM Contrast Checker: Unesite boje i proverite odnos kontrasta.
    • Contrast Ratio (contrastratio.com): Automatski računa i ocenjuje po WCAG AA/AAA nivoima.
  3. Proverite ceo sajt: Koristite browser ekstenzije poput WAVE (webaim.org) ili axe DevTools za Chrome/Firefox – one skeniraju celu stranicu i ističu probleme sa kontrastom.
  4. Testirajte u Lighthouse-u: U Chrome DevTools (F12 > Lighthouse > Accessibility) pokrenite audit za automatsku proveru pristupačnosti.

Implementacija u WordPress-u

  • Prilagodite boje u Customizer-u ili pomoću CSS-a (Appearance > Customize > Additional CSS).
  • Instalirajte besplatne pluginove poput WP Accessibility ili One Click Accessibility za automatske provere i popravke.
  • WP Host korisnici imaju pristup preko 350+ premium pluginova i tema – proverite biblioteku za pristupačnost alate poput RankMath SEO (sa accessibility modulom).

Ako kontrast ne zadovoljava standarde, povećajte razliku boja (tamniji tekst na svetloj pozadini ili obrnuto). Redovno testirajte za punu pristupačnost.

← Nazad na: Wordpress