Vali keel

Kontrastsuse kontroll

WCAG värvikontrasti kontroll teksti kontrastsuse suhte arvutamiseks.

Esiplaani värv

Sisestage kehtiv hex triplet , või kasutage värvivalija.

Taustavärv

Sisestage kehtiv hex triplet , või kasutage värvivalija.

Kontrastsuse suhe 21:1

Tavaline tekst

WCAG AA: Pass

WCAG AAA: Pass

Näide normaalne tekst - 16px

Suur tekst

WCAG AA: Pass

WCAG AAA: Pass

Näide suur tekst 18pt/24px

Graafilised objektid ja kasutajaliidese komponendid

WCAG AA:  Pass

image/svg+xml
  • Normaalse teksti suuruse kontrastsuse suhte arvutamine.
  • Arvutage kontrastsus suurte tekstisuuruste puhul.
  • Arvuta kasutajaliidese komponentide kontrastsuse suhe.
  • Vali värv värvivalijast
  • Värvide kerguse häälestamine

Kuidas kasutada Contrast Checker

  • Vali taustavärv
  • Vali esiplaani värv
  • Reguleerige vajadusel kergust
  • Kontrollige auditi normaalset ja suurt teksti

KKK

Kuidas kontrastsuse kontroll toimib?

Peate hindama teksti ja tausta värvi. Vastavalt WCAG 2.1 suunistele on need järgmised: Suur tekst - tekst, mille minimaalne suurus on 18px, nõuab kontrastsuse suhet 3:1; Väike tekst - Tekst, mille suurus on väiksem kui 18 px, nõuab kontrastsussuhet 4. 5:1.

Miks peaks minu veebisaidil olema piisav värvikontrastsus?

Madala kontrastsuse suhtega taustal olevat teksti on sageli raske lugeda. See ei mõjuta mitte ainult nägemispuudega inimesi, vaid ka kõiki kasutajaid ebamugavusi. Üks näide on teksti lugemine mobiiltelefonis väljaspool päikesepaistelisel päeval.

Mida tähendab veebisaidi juurdepääsetavus?

Kättesaadav veebisait on veebisait, mis on loodud nii, et nägemis- või kuulmispuudega inimesed saaksid seda piiranguteta kasutada. See tagab näiteks, et kõigil saidielementidel on piisav värvikontrastsus ehk teksti värv on taustavärvist üsna erinev.

Kas pildid ja videod peavad vastama WCAG värvikontrasti nõuetele?

Teatud graafika ja liidese komponentide puhul on vaja vähemalt 3:1. kontrastsuse suhet. Kuid see ei hõlma logod, dekoratiivsed pildid või üldised meediumifailid.

© Eptimize Pty Ltd 2022-2024. All Rights Reserved.