🔗 Inclusive Colors
Инструмент для подбора доступных цветовых комбинаций. Проверяет контраст, WCAG-соответствие и помогает делать дизайн дружелюбным ко всем пользователям.
#цвета #доступность #контраст #инклюзия #дизайн #инструменты #wcag
Посмотреть 🔗
♿ Новый способ оценивать доступность
Миша Просмицкий рассказал, что будущий стандарт WCAG 3.0 предлагает менять привычное «прошёл или нет» на систему баллов. Каждый результат пути пользователя получают оценку от плохого до отличного, поэтому видно частичный прогресс и понятно где править интерфейс. Такой подход ставит в центр реальную удобность а не формальное соответствие правилам.
Метод вводит уровни Bronze / Silver / Gold и особые «критические ошибки» которые сразу роняют итоговую метку если человек не сможет завершить задачу. А также, предупредил о рисках субъективных оценок и опасности довольствоваться минимальной планкой, но посоветовал уже сейчас думать категориями задач пользователя а не чек-листов.
Внутри:
– Переход от бинарных проверок к системе баллов;
– Структура Guidelines Outcomes Methods;
– Уровни Bronze / Silver / Gold;
– Понятие критических ошибок;
– Риски субъективности и «минимальной доступности».
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Simple WCAG 2.1 — плагин для проверки цветового контраста.
A11y - Color Contrast Checker.
Инструмент для проверки контрастности текста по стандартам доступности WCAG.
Установить плагин 🔗
#Плагины
against.ungual.digital
A tool that selects pairs of named web-colors by contrast.
You can pick combinations that are WCAG invalid - pastel, vibrant, “wrong” but aesthetically interesting.
The key idea is to look at colors not as code, but as words, feelings and meanings.
Инструмент, который подбирает пары именованных web-цветов по контрасту.
Можно собирать невалидные по WCAG комбинации — пастельные, вибрирующие, «неправильные», но эстетически интересные.
Ключевая идея, посмотреть на цвета не как на код, а как на слова, ощущения и смыслы.
#u_tool
WCAG в Figma
Теперь в Figma можно проверять доступность по WCAG, и более того, подбирать оптимальный цвет по нажатию лишь одной кнопочки. One tap solution, всё как надо. Разрабы радуют в последнее время. Очень ждём нативные коннекторы 🤙
WCAG в Figma
Не прошло и 10 лет, как Figma завезли встроенный чекер доступности WCAG
Теперь мего удобно чекать текст на фоне и наоборот на доступность АА или ААА. Ещё и линией границу показывает, в которой можно находиться, чтобы она соблюдалась
Кайф ❤️
Убили все чекеры доступности
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
WCAG в Figma
Не прошло и 10 лет, как Figma завезли встроенный чекер доступности WCAG
Теперь мего удобно чекать текст на фоне и наоборот на доступность АА или ААА. Ещё и линией границу показывает, в которой можно находиться, чтобы она соблюдалась
Кайф ❤️
Убили все чекеры доступности
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Simple WCAG 2.1 — плагин для проверки цветового контраста.
Is WCAG 2 flawed? A better way to determine text contrast for readability
The Web Content Accessibility Guidelines (WCAG) for readability, has always been a good way to ensure content on digital products is accessible. However, if you go deeper into the readability rabbit hole, you will find it’s far from perfect.
WCAG 2 is designed to be user-friendly and easily understandable for everyone. However, its simplicity is also its major drawback. It only considers the luminance contrast of colors, disregarding how humans perceive them. In other words, WCAG 2’s mathematical approach lacks perceptual accuracy and fails to align with human perception.
This method can lead to issues for readers in certain situations. It is unsurprising, considering that WCAG has been around for over 15 years. While it has served its purpose well, it’s now time to embrace a more effective approach.
Read full article
