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

Пример нормален текст - 16px

Голям текст

WCAG AA: Pass

WCAG AAA: Pass

Пример голям текст 18pt/24px

Графични обекти и компоненти на потребителския интерфейс

WCAG AA:  Pass

image/svg+xml
  • Изчислете съотношението на контраста за нормален размер на текста.
  • Изчислете съотношението на контраста за голям размер на текста.
  • Изчислете съотношението на контраста за компонентите на потребителския интерфейс.
  • Изберете цвят от избор на цвят
  • Настройте цвета Лекота

Как да използвате Contrast Checker

  • Изберете цвят на фона
  • Изберете цвят на преден план
  • Регулирайте лекотата, ако е необходимо
  • Проверете одита за нормален и голям текст

ЧЕСТО ЗАДАВАНИ ВЪПРОСИ

Как работи контролерът за контраст?

Трябва да оцените цвета на текста и фона. Според насоките на WCAG 2.1, това са: Голям текст - Текстът с минимален размер 18px изисква контрастно съотношение 3:1; Малък текст - Текстът с размер по-малък от 18px изисква контрастно съотношение 4. 5:1.

Защо уебсайтът ми да има достатъчен цветен контраст?

Текстът на фон с ниско съотношение на контраст често е труден за четене. Това не само оказва негативно влияние върху тези със зрителни увреждания, но всъщност неудобства на всички потребители. Един пример е четенето на текст на мобилен телефон навън в слънчев ден.

Какво означава достъпност на уебсайтове?

Достъпен уебсайт е уебсайт, създаден така, че хората със зрителни или слухови увреждания да могат да го използват без ограничения. Например, това гарантира, че всички елементи на сайта имат достатъчен цветен контраст, т.е. цветът на текста е доста различен от цвета на фона.

Трябва ли изображенията и видеоклиповете да отговарят на изискванията за цветен контраст на WCAG?

Някои графични и интерфейсни компоненти изискват контрастно съотношение най-малко 3:1. Това обаче не включва лога, декоративни изображения или общи медийни файлове.

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