Pasirinkite kalbą

Kontrastas tikrintuvas

WCAG spalvų kontrasto tikrintuvas teksto kontrasto santykiui apskaičiuoti.

Priekinio plano spalva

Įveskite galiojantį šešiabriaunį tripletą arba naudokite spalvų rinkiklį.

Fono spalva

Įveskite galiojantį šešiabriaunį tripletą arba naudokite spalvų rinkiklį.

Kontrasto santykis 21:1

Normalus tekstas

WCAG AA: Pass

WCAG AAA: Pass

Paprasto teksto pavyzdys - 16pikseliai

Didelis tekstas

WCAG AA: Pass

WCAG AAA: Pass

Pavyzdys didelis tekstas 18pt/24pikseliai

Grafiniai objektai ir vartotojo sąsajos komponentai

WCAG AA:  Pass

image/svg+xml
  • Apskaičiuokite įprasto teksto dydžio kontrasto santykį.
  • Apskaičiuokite kontrasto santykį dideliam teksto dydžiui.
  • Apskaičiuokite vartotojo sąsajos komponentų kontrasto santykį.
  • Pasirinkite spalvą iš spalvų rinkiklio
  • Nustatykite spalvų lengvumą

Kaip naudotis “Contrast Checker”

  • Pasirinkite fono spalvą
  • Pasirinkite priekinio plano spalvą
  • Jei reikia, sureguliuokite lengvumą
  • Patikrinkite įprasto ir didelio teksto auditą

DUK

Kaip veikia kontrasto tikrintuvas?

Turite įvertinti teksto ir fono spalvą. Pagal WCAG 2.1 gaires tai yra: Didelis tekstas - Tekstas, kurio minimalus dydis yra 18 pikselių, reikalauja kontrasto santykio 3:1; Mažas tekstas - Tekstas, kurio dydis mažesnis nei 18 pikselių, reikalauja kontrasto santykio 4,5:1.

Kodėl mano svetainėje turėtų būti pakankamas spalvų kontrastas?

Tekstą fone su mažu kontrasto santykiu dažnai sunku perskaityti. Tai ne tik neigiamai veikia regėjimo negalią turinčius asmenis, bet ir nepatogumus visiems vartotojams. Vienas iš pavyzdžių yra teksto skaitymas mobiliajame telefone lauke saulėtą dieną.

Ką reiškia svetainės pritaikymas neįgaliesiems?

Prieinama svetainė yra svetainė, sukurta taip, kad žmonės, turintys regos ar klausos negalią, galėtų ja naudotis be apribojimų. Pavyzdžiui, tai užtikrina, kad visi svetainės elementai turi pakankamą spalvų kontrastą, t. Y. teksto spalva yra gana skiriasi nuo fono spalvos.

Ar vaizdai ir vaizdo įrašai turi atitikti WCAG spalvų kontrasto reikalavimus?

Tam tikriems grafikos ir sąsajos komponentams reikalingas bent 3 kontrasto santykis: 1. Tačiau tai neapima logotipų, dekoratyvinių vaizdų ar bendrų medijos failų.

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