Site search
Language
Попробуй SEO Инструменты
Site search hamburger-menu icon
Выберите Язык
English
Čeština
Dansk
Deutsch
Eestlane
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
Ελληνικά
Български
Українська
ქართული
Հայերեն
עִברִית
العربية
فارسی
हिंदी
ภาษาไทย
한국어
中文
日本語

Проверка контрастности

Средство проверки цветового контраста WCAG для расчета коэффициента контрастности текста.

Цвет переднего плана

Введите правильную шестнадцатеричную тройку или используйте палитру цветов.

Цвет фона

Введите правильную шестнадцатеричную тройку или используйте палитру цветов.

Коэффициент контрастности 21:1

Обычный текст

WCAG AA: Pass

WCAG AAA: Pass

Пример обычного текста - 16 пикселей

Большой текст

WCAG AA: Pass

WCAG AAA: Pass

Пример большого текста 18pt/24px

Графические объекты и компоненты пользовательского интерфейса

WCAG AA:  Pass

image/svg+xml
  • Вычислите коэффициент контрастности для нормального размера текста.
  • Рассчитайте коэффициент контрастности для большого размера текста.
  • Рассчитайте коэффициент контрастности компонентов пользовательского интерфейса.
  • Выберите цвет из палитры цветов
  • Настройка яркости цвета

Как использовать средство проверки контрастности

  • Выберите цвет фона
  • Выберите цвет переднего плана
  • При необходимости отрегулируйте яркость
  • Проверьте аудит обычного и большого текста

ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ

Как работает проверка контрастности?

Вам нужно оценить цвет текста и фона. Согласно рекомендациям WCAG 2.1, к ним относятся: большой текст — текст с минимальным размером 18 пикселей требует контрастности 3:1; мелкий текст — текст размером менее 18 пикселей требует контрастности 4, 5:1.

Почему на моем сайте должен быть достаточный цветовой контраст?

Текст на фоне с низким коэффициентом контрастности часто трудно читать. Это не только негативно влияет на людей с нарушениями зрения, но и доставляет неудобства всем пользователям. Один из примеров — чтение текста на мобильном телефоне на улице в солнечный день.

Что означает доступность веб-сайта?

Доступный веб-сайт — это веб-сайт, разработанный таким образом, чтобы люди с нарушениями зрения или слуха могли пользоваться им без ограничений. Например, это обеспечивает достаточный цветовой контраст всех элементов сайта, то есть цвет текста сильно отличается от цвета фона.

Должны ли изображения и видео соответствовать требованиям цветовой контрастности WCAG?

Для некоторых графических и интерфейсных компонентов требуется коэффициент контрастности не менее 3:1. Однако сюда не входят логотипы, декоративные изображения или обычные медиафайлы.

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