WCAG Цветна контраст проверка
Оценяване на съотношението на контраста между текстовете и цветовете на фона въз основа на насоките WCAG 2.1.
Преглед на живо текст
Голямо заглавие (18pt Bold / 24pt Regular)
Това е преглед на стила за голям заглавен текст.
Нормален текст (до 18pt)
Lorem ipsum dolor sit amet, консектуру adipiscing elit.
Контрастно съотношение
WCAG 2.1 Съответствие
WCAG 2.1 Указания
Лесно проверявайте стандартите за контраст, за да създадете достъпни интерфейси, които отговарят на насоките на раздел 508, ADA и WCAG AA или AAA.
Моторът на предложенията
Автоматично да се коригират цветовете постепенно по координитите на HSL, за да се намерят най-близките алтернативи, които отговарят на критериите за контраст.
Пълна клиентска страна
Изчисленията се изпълняват локално в контекста на браузъра ви. Никакви цветове, файлове или телеметрични координати не се предават на нашите сървъри.
Свързани инструменти за цветове
Проверка на цветови контраст
Изчислете WCAG контрастни съотношения за преден и фонови цветове и покажете общи резултати за размер на текста.
- Вход
- два валидни CSS цвята и незадължителен текст за преглед.
- Изход
- коефициент на контраст с индикатори за преминаване или неуспех на WCAG AA и AAA.
- Реални ограничения
- Изчислението покрива само контраст на осветеност; не сертифицира интерфейс или отчита рендиране на шрифтове, движение, фокус или нецветови сигнали.
- Поверителност и обработка на данни
- два валидни CSS цвята и незадължителен текст за преглед се обработват в този раздел на браузъра. Convertr не ги получава или съхранява; затварянето или презареждането на страницата изчиства работното състояние, освен ако инструментът изрично предлага локално изтегляне.
Как да използваме този инструмент
- Предоставете два валидни CSS цвята и незадължителен текст за преглед в контролите на инструмента.
- Изберете настройките, които влияят на контрастното съотношение с индикатори за преминаване или неуспех на WCAG AA и AAA, след което изпълнете инструмента.
- Прегледайте контрастно съотношение с индикатори за преминаване или неуспех според WCAG AA и AAA, преди да го копирате или изтеглите.
Често срещани режими на отказ
Невалидни цветове не могат да бъдат измерени, а прозрачността без разрешен фон може да направи съотношението без значение.
Полезен пример
Сравнете #1f2937 текст на #ffffff, за да прегледате съотношението му за нормален и голям текст.