Защита решения: замер вместо вкуса
Пара кобальт/белый даёт 4,33:1 — ниже порога 4,5 для мелкого текста. Решение меняется не потому, что «так лучше», а потому, что это видно в числе.
- Работает из России: рубли, договор с ИП, без VPN и иностранной карты
- По умолчанию чтение и черновики: отправку и публикацию агент делает по вашей команде
- Нормы настоящие: WCAG 2.1, требования типографий, размеры площадок — со ссылкой на источник
- Артефакт открывается: файл, модель или ролик приложены к странице
Спор «сделайте поярче»
Спор
Заказчик хотел всю карточку в кобальте: так ярче. Мелкий текст — состав и маркировка — при этом белый на кобальте.
Замер
Отношение контраста пары кобальт/белый — 4,33:1. Для мелкого текста норма 4,5:1, значит не проходит. Для крупного порог 3:1 — заголовок проходит.
Решение
Принят вариант с плашкой только под заголовок: мелкий текст уходит на белое глубоким синим — 8,79:1. Цена названа: кобальта на макете меньше нормы.
Задача
Что за работа
Защита дизайна обычно звучит как «мне нравится». Здесь спор решается числом: считается яркость и отношение контраста для каждой пары палитры, и по норме WCAG видно, где мелкий текст читается, а где нет. Дальше два варианта, у каждого своя цена: в первом кобальтовая плашка сжимается, во втором состав и маркировка не проходят норму. Побеждает проверяемый признак — и это видно на одной странице.
Как это выглядит
Путь в системах: что берём и что отдаём
- 1
Вход: спор и палитра
Формулировка «ярче» и значения цветов из брендбука. Это расчёт, коннектор не нужен.
- 2
Шаг 1. Расчёт
Относительная яркость по формуле WCAG, отношение контраста для каждой пары, пороги 4,5:1 и 3:1.
- 3
Шаг 2. Варианты
Два макета: плашка под заголовок и кобальт на всю карточку. Числа напечатаны на самих макетах.
- 4
Шаг 3. Цена
Что теряем в каждом: площадь кобальта в первом, читаемость мелкого текста во втором.
- 5
Выход: обоснование, таблица, два файла
PDF с доводами и источниками, таблица контраста и два варианта макета.
Агент делает · человек решает
| Считает контраст | агент: 6 пар палитры, пороги 4,5:1 и 3:1 |
|---|---|
| Готовит варианты | агент: 2 макета с числами на них |
| Называет цену решения | агент: площадь кобальта против читаемости состава |
| Выбирает приоритет | человек: яркость или норма — решает владелец |
| Согласует маркировку | человек: текст состава и знаки — его зона |
Что получится на выходе
Подключения
Что подключим
Сервис · что читаем · что пишем · что нужно · срок
Границы
Чего агент не делает
Агент не выбирает за владельца: он показывает варианты и цену каждого. Он не округляет контраст в свою пользу — норма сравнивается с точным числом. И не обещает, что «всё будет читаться»: читаемость проверяется на превью, а не объявляется.
Вопросы
Почему 4,33, а не 4,5?
Так считается пара #4D6BFE и белого по формуле WCAG. Округление в свою пользу здесь недопустимо.
Значит кобальт нельзя?
Можно: для крупного заголовка порог 3:1, и он проходит. Ограничение касается мелкого текста — состава, веса, маркировки.
Что если заказчик выберет яркий вариант?
Тогда мелкий текст переезжает на белую подложку внутри карточки. Это третий вариант, и он тоже считается.
Соседние работы
Рядом
Правки по замечаниям
Как этот довод живёт в журнале правок и в протоколе.
Библиотека шаблонов
Где правило контраста закреплено за цветовыми ролями.
Все работы дизайнера
Десять компетенций роли на одной странице.
Роли
Дайте спор и палитру — вернём замер и два варианта
С ценой каждого: что теряем в площади, что в читаемости.