.notice { color: #111827; background-color: #ffffff; }Очень тёмный текст на белом фоне легко читается.
УРОК 30 ИЗ 100
Создайте читаемый контраст
Выберите пару текста и фона с сильным контрастом.
ШАГ 1 · ИЗУЧИТЕ
Как это работает
Для обычного текста техника W3C G18 использует контраст не менее 4.5:1. Пара #111827 на #ffffff заметно превышает порог.
.notice { color: #cbd5e1; background-color: #ffffff; }Очень светлый серый на белом имеет недостаточный контраст.
ШАГ 2 · ПРИМЕНИТЕ
Ваше задание
Исправьте цвет текста на #111827 и сохраните фон #ffffff.
index.htmlCSS
Безопасный результатизолировано
Черновик хранится только в этом браузере.HTML и CSS разрешены · скрипты и сеть заблокированы
ШАГ 4 · ПРОВЕРЬТЕ
Что должно пройти
0%не проверено
- ○Текст использует #111827.
- ○Фон использует #ffffff.
- ○Сообщение присутствует.
Объясните логику решения
Проверка требует оба цвета контрастной пары.