Контрастность текста вашей вики по отношению к фоновому цвету — это важный параметр для любого интернет-ресурса, включая википроекты. Есть много расстройств и болезней зрения, которые могут помешать пользователям читать статьи вашей вики, но даже для здоровых людей низкая контрастность может приводить к дискомфорту и/или быстрому утомлению глаз. Даже если лично вы не испытываете никаких проблем при чтении статей вашей вики, это не значит, что другие пользователи видят статьи так же, как вы.
Коэффициент контрастности[]
Острота человеческого зрения напрямую связана с коэффициентом контрастности. Статистически, средняя острота зрения большинства людей составляет 0,9-1,0, согласно таблице для проверки остроты зрения. При этом наивысший коэффициент контрастности для чёрного текст на белом фоне равен 21:1, а наименьший, когда текст и фон одного цвета - 1:1.
Человек с остротой зрения 1,0 может прочитать текст с коэффициентом контрастности 2:1, но сделает это с трудом. Поэтому минимальный коэффициент контрастности для людей с остротой зрения 1,0 считается 3:1.
Однако вы не можете создавать свою вики исключительно для людей со 100% зрением. Поэтому World Wide Web Consortium (W3C) рекомендует два стандарта контрастности интернет-сайтов: AA и AAA.
- AA показывает, что контрастность текста составляет 4,5:1 для обычного текста и 3:1 для увеличенного масштаба браузера.
- AAA показывает, что контрастность текста составляет 7:1 и выше.
Для проверки коэффициента контрастности используйте этот сайт.
Коэффициент контрастности между текстом и фоном вашей вики обязательно должен быть АА, но мы рекомендуем настроить цвета вики так, чтобы добиться коэффициента AAA, чтобы вашу вики мог посещать максимально широкий круг пользователей.
Помимо стандарта контрастности обращайте внимание на размер текста. На том же сайте при проверке коэффициента контрастности вы можете увидеть слово "Large" рядом с коэффициентом АА. Это значит, что при таком цвете текста и цвете фона комфортно будет читать только крупные буквы, например, заголовки разделов.
Советы[]
- Постарайтесь добиться коэффициента контрастности AAA для своей вики.
- Если коэффициент контрастности AA, убедитесь, что он подходит для всего текста страницы, а не только для крупных заголовков разделов.
- Не злоупотребляйте прозрачностью фона страницы, так как в этом случае коэффициент контрастности определить затруднительно.
- Известные плохие комбинации цвета фона и текста: красный на зелёном, зелёный на красном, голубой на красном, красный на синем, синий на жёлтом и наоборот.