Värvikontrasti kontrollija

Ligipääsetavuse tagamiseks testige esiplaani ja taustavärvide kontrastsuse suhet.

1.00:1
Kontrast
Fail
Väga kehv

Tavaline tekst

AA (4.5:1)
AAA (7:1)

Suur tekst

AA (3:1)
AAA (4.5:1)
White
#ffffff
Black
#e24826

Kiired parandused

Aa

Eelvaate pealkiri

Kiire pruun rebane hüppab üle laisa koera

Väikese teksti näide (12 pikslit)

Tekst
#ffffff
Taust
#e24826

WCAG standardid

Level AA

Minimaalne kontrastsuse suhe 4,5:1 tavalise teksti puhul ja 3:1 suure teksti puhul. Nõutav enamiku veebisaitide puhul.

Level AAA

Täiustatud kontrastsuse suhe 7:1 tavalise teksti puhul ja 4,5:1 suure teksti puhul. Soovitatav optimaalse ligipääsetavuse tagamiseks.

Ebapiisav kontrastsus kõigi tekstisuuruste puhul – ei vasta WCAG standarditele.

Värvikontrasti kontrollija

Arvutage teksti ja taustavärvide kontrastsuse suhe.

Valige teksti ja tausta värvi valija abil värv või sisestage värv RGB kuueteistkümnendsüsteemis (nt #259 või #2596BE). Värvi valimiseks saate liugurit reguleerida. Veebisisu ligipääsetavuse juhistel (WCAG) on spetsiifiline juhis, mis aitab välja selgitada, kas tekst on nägijatele loetav. See kriteerium kasutab kindlat algoritmi värvikombinatsioonide võrreldavatesse suhetesse kaardistamiseks. Selle valemi abil väidab WCAG, et tavalise (keha)teksti puhul on värvikontrastsussuhe 4,5:1 teksti ja selle tausta vahel piisav ning suure teksti (18+ pt tavaline või 14+ pt paks) värvikontrastsussuhe peaks olema vähemalt 3:1.

Peamised omadused

  • Reaalajas kontrastsuse suhte arvutamine
  • WCAG AA ja AAA vastavuskontroll
  • HSL-liugurid peenhäälestamiseks
  • Mitmed eelvaate vormingud

Täiustatud tööriistad

  • Automaatne värviparandus
  • Teksti ja tausta näidised
  • Värvinime tuvastamine
  • Ekspordi tulemused