Проверка на цветовия контраст
Проверете съотношенията на цветовия контраст за съответствие с уеб достъпността. Тествайте комбинации от цветове на текст и фон спрямо указанията на WCAG с преглед в реално време, оценки за достъпност и предложения за подобрение.
Как да проверите цветовия контраст
- 1
Изберете цвят на текста
Кликнете върху първия инструмент за избор на цвят, за да изберете цвета на текста си, или въведете шестнадесетичен код директно.
- 2
Изберете цвят на фона
Използвайте втория инструмент за избор на цвят, за да изберете цвета на фона за теста за контраст.
- 3
Прегледайте резултатите от контраста
Проверете изчисленото съотношение на контраст и вижте оценките AA/AAA за нормален и голям текст.
- 4
Прегледайте дизайна си
Вижте предварителния преглед на живо, за да видите как изглежда вашата цветова комбинация с действително текстово съдържание.
Основни характеристики
Тестване на контраст в реално време
Изчислявайте незабавно съотношенията на контраст, докато избирате различни комбинации от цветове на текст и фон.
Оценки за съвместимост с WCAG
Получете AA и AAA оценки както за нормален, така и за голям текст съгласно Указанията за достъпност на уеб съдържанието.
Панел за предварителен преглед на живо
Вижте точно как ще изглеждат вашите цветови комбинации с примерен текст в нормални и големи размери.
Визуален индикатор за резултат
Вижте ефективността на контраста си с интуитивна кръгова диаграма, показваща резултати от 0-100.
Интерактивни инструменти за избор на цвят
Изберете цветове лесно с вградените инструменти за избор на цвят както за текст, така и за фон.
Съвети за достъпност
Получете практически предложения за подобряване на контраста и спазване на стандартите за достъпност.
Какво представлява инструмент за проверка на цветови контраст?
Инструмент за проверка на цветовия контраст е инструмент, който измерва разликата в яркостта между цветовете на текст и фон. Той изчислява съотношенията на контраст съгласно стандартите на WCAG (Указания за достъпност на уеб съдържанието), за да гарантира, че съдържанието е четимо за потребители със зрителни увреждания, включително далтонизъм и слабо зрение.
Защо да използвате нашия инструмент за проверка на цветови контраст?
- 1
WCAG съвместимост
Уверете се, че вашите дизайни отговарят на международните стандарти за достъпност с точни AA и AAA оценки.
- 2
Обратна връзка в реално време
Вижте незабавни резултати, докато регулирате цветовете, което улеснява намирането на съвместими комбинации.
- 3
Система за визуален резултат
Разберете ефективността на контраста с един поглед с нашата интуитивна система за точкуване от 0-100.
- 4
Не е необходима инсталация
Тествайте цветови комбинации незабавно във вашия браузър, без да изтегляте софтуер.
Често задавани въпроси
Какво е добро съотношение на контраст?
За нормален текст, стремете се към поне 4.5:1 за AA съвместимост или 7:1 за AAA. Големият текст (18pt или 14pt удебелен) се нуждае от 3:1 за AA или 4.5:1 за AAA съвместимост.
Какво означават оценките AA и AAA?
AA е стандартното ниво на съвместимост с достъпността, изисквано от повечето разпоредби. AAA е най-високото ниво, осигуряващо подобрена достъпност за потребители с по-тежки зрителни увреждания.
Как се изчислява съотношението на контраст?
Съотношението на контраст се изчислява, като се използва относителната яркост на цветовете, както е определено от указанията на WCAG. То варира от 1:1 (без контраст) до 21:1 (максимален контраст).
Какво се счита за голям текст?
Големият текст се определя като 18 пункта (24px) или по-голям, или 14 пункта (18.66px) или по-голям, ако е удебелен. Големият текст има по-меки изисквания за контраст.
Защо е важен цветовият контраст?
Добрият цветови контраст гарантира, че съдържанието е четимо за всички, включително потребители със зрителни увреждания, далтонизъм или тези, които гледат съдържание на ярка слънчева светлина или на лоши дисплеи.
Мога ли да използвам това за всеки цветен формат?
Инструментът приема шестнадесетични цветови кодове. Можете да конвертирате от други формати (RGB, HSL и т.н.) към шестнадесетичен, като използвате онлайн конвертори или дизайнерски инструменти.