Увеличение контраста между текстом и фоном может дать вам что-то вроде этого:
Posted: Sat Dec 28, 2024 5:28 am
Итак, первый критерий успеха — не использовать только цвет для передачи информации. Второй критерий касается того, чтобы убедиться, что все содержимое на слайдах разборчиво.
Есть причина, по которой большинство текстовых редакторов по умолчанию выводят черный текст на белом фоне, и почему мы используем черные чернила для заполнения форм. Чтобы текст был разборчивым, текст должен иметь максимально возможный контраст с фоновым цветом. В примере ниже текст и фон слишком похожи по цвету. Это означает, что они имеют низкий контраст, и текст трудно читать.
Два текстовых поля с текстом «Вы можете это прочитать?». Первое текстовое Данные телеграммы Италии поле бледно-серое с серым текстом, второе — темно-серое с темно-синим текстом. В обоих полях текст трудночитаем.
Здесь показаны те же текстовые поля, что и на предыдущем слайде, однако цвета изменились. Первое — белое поле с черным текстом, а второе — темно-серое поле с очень светлым синим текстом. Этот текст гораздо легче читать.
Согласно WCAG, для текста требуется коэффициент контрастности не менее 4,5:1 , за исключением:
Текст размером не менее 18 пунктов или не менее 14 пунктов и жирным шрифтом (минимальное соотношение 3:1)
Графика, которую аудитория должна понимать, чтобы понимать содержание (минимальное соотношение 3:1). Есть исключения, например, флаги. Вы можете найти нетекстовое руководство WCAG по контрастности здесь .
Чисто декоративный текст или текст, являющийся частью логотипа (минимальные требования к контрастности отсутствуют)
Если это кажется вам немного запутанным, то в качестве практического правила мы рекомендуем придерживаться коэффициента контрастности не менее 4,5:1 для всего текста.
Есть причина, по которой большинство текстовых редакторов по умолчанию выводят черный текст на белом фоне, и почему мы используем черные чернила для заполнения форм. Чтобы текст был разборчивым, текст должен иметь максимально возможный контраст с фоновым цветом. В примере ниже текст и фон слишком похожи по цвету. Это означает, что они имеют низкий контраст, и текст трудно читать.
Два текстовых поля с текстом «Вы можете это прочитать?». Первое текстовое Данные телеграммы Италии поле бледно-серое с серым текстом, второе — темно-серое с темно-синим текстом. В обоих полях текст трудночитаем.
Здесь показаны те же текстовые поля, что и на предыдущем слайде, однако цвета изменились. Первое — белое поле с черным текстом, а второе — темно-серое поле с очень светлым синим текстом. Этот текст гораздо легче читать.
Согласно WCAG, для текста требуется коэффициент контрастности не менее 4,5:1 , за исключением:
Текст размером не менее 18 пунктов или не менее 14 пунктов и жирным шрифтом (минимальное соотношение 3:1)
Графика, которую аудитория должна понимать, чтобы понимать содержание (минимальное соотношение 3:1). Есть исключения, например, флаги. Вы можете найти нетекстовое руководство WCAG по контрастности здесь .
Чисто декоративный текст или текст, являющийся частью логотипа (минимальные требования к контрастности отсутствуют)
Если это кажется вам немного запутанным, то в качестве практического правила мы рекомендуем придерживаться коэффициента контрастности не менее 4,5:1 для всего текста.