Шпаргалка: Цвета CSS

Главное по теме Цвета CSS

Цель темы «Цвета CSS» — сохранить читаемость текста, контраст и устойчивый вертикальный ритм. Для темы «Цвета CSS» предметный результат подтверждается так: увеличить текст до 200% и проверить светлую и тёмную схемы. Проверьте «Цвета CSS» в карточке материала с длинным заголовком, выполнив действие: увеличить текст до 200% и проверить светлую и тёмную схемы. Шпаргалку «Цвета CSS» можно распечатать или сохранить в PDF через системный диалог печати.

Минимальный шаблон

<article class="card">
  <h2>Цвета CSS</h2>
  <p>Содержимое компонента</p>
</article>

Чек-лист Цвета CSS

• Увеличить текст до 200% и проверить светлую и тёмную схемы применительно к теме «Цвета CSS»
• Сопоставьте результат «Цвета CSS» с целью «сохранить читаемость текста, контраст и устойчивый вертикальный ритм» и объясните каждое использованное условие
• Повторите проверку «Цвета CSS» с другими данными и убедитесь, что исключён риск: жёсткая высота и низкий контраст делают содержимое недоступным
• Исключены: Жёсткая высота и низкий контраст делают содержимое недоступным — это предметный риск для «Цвета CSS»

Как применять шпаргалку

Перенесите тему «Цвета CSS» в рабочем фрагменте интерфейса и изменяйте по одному условию. После каждого запуска «Цвета CSS» проверяйте: увеличить текст до 200% и проверить светлую и тёмную схемы. Шпаргалка «Цвета CSS» напоминает последовательность, но не заменяет проверку требований конкретного интерфейса.