Как считается

  • Для выбранной поверхности рассчитывается контраст с непрозрачным чёрным и белым.
  • В качестве on-surface выбирается более контрастный из двух вариантов.
  • Дополнительно формируются базовые CSS-токены поверхности и текста.

Границы расчёта

Более контрастный вариант не обязательно проходит нужный порог. Проверьте показанное отношение и все реальные состояния компонента.

Источники и методика

  1. Web Content Accessibility Guidelines (WCAG) 2.2 W3C · проверено 15 июля 2026 г.
  2. Web Content Accessibility Guidelines 2.2 W3C · проверено 15 июля 2026 г.
  3. Справочник CSS MDN Web Docs · проверено 15 июля 2026 г.