Site search
Language
Proovige SEO tööriistu
Site search hamburger-menu icon
Vali keel
English
Čeština
Dansk
Deutsch
Español
Français
Hrvatski
Indonesia
Italiano
Lietuvis
Magyar
Melayu
Nederlands
Polski
Português
Română
Slovenský
Suomalainen
Svenska
Tiếng Việt
Türkçe
Ελληνικά
Български
Українська
Русский
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

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.

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