Контраст WCAG
Заголовок страницы
Обычный текст. Проверьте читаемость текста на выбранном фоне. Достаточный контраст между текстом и фоном важен для доступности.
Маленький текст (14px). Для мелкого шрифта требования к контрасту строже.
Крупный текст (18px bold). Для крупного текста допустим меньший контраст.
Очень маленький текст (12px). Этот размер требует максимального контраста для комфортного чтения.
WCAG — Web Content Accessibility Guidelines, стандарт доступности веб-контента.
Уровень AA — минимальный рекомендуемый уровень контрастности. Обычный текст >= 4.5:1, крупный текст >= 3:1.
Уровень AAA — повышенный уровень. Обычный текст >= 7:1, крупный текст >= 4.5:1.
Крупный текст — текст 18px+ обычный или 14px+ жирный.
Формула — Относительная яркость L = 0.2126*R + 0.7152*G + 0.0722*B (после sRGB-линеаризации). Контраст = (L1 + 0.05) / (L2 + 0.05), где L1 — большая яркость.
Полезные статьи
CSS Border Radius: скругление углов элементов
Как использовать border-radius: синтаксис, сокращённая запись, эллиптические углы. Генератор border-radius онлайн.
Markdown: синтаксис и возможности
Полное руководство по Markdown: форматирование текста, заголовки, списки, ссылки, изображения, таблицы и код.
CSS Shadow: box-shadow и text-shadow в веб-дизайне
Как использовать CSS-тени: box-shadow для блоков, text-shadow для текста. Синтаксис, примеры и генерация теней онлайн.