Koks yra minimalus WCAG kontrasto santykis?

WCAG 2.1 AA reikalauja, kad kontrasto santykis būtų bent 4.5:1 įprastam tekstui ir 3:1 dideliam tekstui. AAA reikalauja bent 7:1 įprastam tekstui ir 4.5:1 dideliam tekstui.

Kas laikoma dideliu tekstu?

Didelis tekstas apibrėžiamas kaip 18pt (apie 24px) ar didesnis, arba 14pt (apie 18.67px) paryškintas ar didesnis.

Ar šis įrankis įkelia mano spalvas?

Ne. Visi skaičiavimai, santykinio šviesumo įvertinimai ir spalvų modifikacijos vyksta jūsų naršyklėje naudojant JavaScript. Jokie spalvų duomenys nesiunčiami į serverį.

WCAG spalvų kontrasto tikrintuvas

Įvertinkite teksto ir fono spalvų kontrasto santykį pagal WCAG 2.1 gaires. Akimirksniu generuokite prieinamus spalvų koregavimus.

Teksto / priekinio plano spalva HEX/RGB/HSL

Background Color HEX/RGB/HSL

Viskas vyksta lokaliai jūsų naršyklėje.

Tiesioginė teksto peržiūra

Didelė antraštė (18pt paryškinta / 24pt įprasta)

Tai yra didelės antraštės teksto stiliaus peržiūra.

Įprastas tekstas (mažiau nei 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Kontrasto santykis

18.6:1

WCAG 2.1 atitikties būsena

WCAG AA reikalavimai

Įprastas tekstas (4.5:1) PASS

Didelis tekstas (3.0:1) PASS

WCAG AAA reikalavimai

Įprastas tekstas (7.0:1) PASS

Didelis tekstas (4.5:1) PASS

WCAG 2.1 gairės

Lengvai patikrinkite kontrasto standartus, kad sukurtumėte prieinamas sąsajas, atitinkančias 508 skyriaus, ADA ir WCAG AA arba AAA gaires.

Pasiūlymų variklis

Automatiškai koreguokite spalvas palaipsniui pagal HSL koordinates, kad rastumėte artimiausias alternatyvas, atitinkančias kontrasto santykio kriterijus.