Цвета в доступности

Глафира Жур, UAB SpurIT

Цвета в доступности

Глафира Жур

Глафира Жур

Accessibility Project Manager в Semrush

Twitter: @GlafiraZhur

Помогаю делать:
@a11yminsk
@MinskCSS и @MinskJS

GDE for Web Technologies

Women Techmakers

Психология цвета

RGB

Красный

Ключевые слова:

  • Чувства
  • Страсть
  • Волнение
  • Энергия
  • Опасность
  • Важность
Color Theory (Smashing Magazine)
Pinterest (Red)
Про иммидж Альфа-банка

Зелёный

Ключевые слова:

  • Рост
  • Новое начало
  • Стабильность
  • Баланс
  • Экология
  • Деньги
Color Theory (Smashing Magazine)
Pinterest (Green)
Behance project

Синий

Ключевые слова:

  • Технологии
  • Успех
  • Богатство
  • Мудрость
  • Спокойствие
  • Уверенность
Color Theory (Smashing Magazine)
Pinterest (Dark blue nature)

Поговорим про доступность

Мировая статистика

Наглядно в цифрах

Рост обращений в суд (Америка)

Статистика обращеинй в суд 2016-2019

Законы, вступающие в силу

Зачем мне доступность?
Верни картинки!

Linkedin Search Russia
Linkedin Search Germany
A11Y Jobs

Цветовая слепота
(color blindness)

Статистика
color blindness

1 из 12 мужчин

Color Blindness Statistics

1 из 200 женщин

Color Blindness Statistics
Color Blindness Statistics

Типы цветовой слепоты

Проблемы
восприятия
интерфейсов

Цвета

Красный / Зелёный

Красный / Зелёный



Контраст

Недостаточный контраст

Необходимый уровень контраста

Избыточный контраст

Figma Conference

Ссылки

Нотификации
и статусы

Bootstrap Alerts

Формы


Визуализация
данных

Пример
реализации

Видеоигры

Выбор цветового режима

Как помочь людям
с цветовой слепотой

Как помочь людям
с цветовой слепотой

Дислексия

Тексты, которые приходится читать дислексикам

Архетип неизменяем. Коллективное бессознательное важно отчуждает онтогенез речи. Сновидение аннигилирует ассоцианизм. Кризис мгновенно иллюстрирует культурный контраст. Мышление, на первый взгляд, непрерывно. Автоматизм изменяем.

Толпа вероятна. Проекция представляет собой гендер. Чувство, как справедливо считает Ф.Энгельс, социально выбирает стимул, что отмечают такие крупнейшие ученые как Фрейд, Адлер, Юнг, Эриксон, Фромм. Роль, по определению, интегрирует институциональный эриксоновский гипноз. Страх изменяем.

Социализация, согласно традиционным представлениям, вероятна. Изучая с позиций, близких гештальтпсихологии и психоанализу процессы в малой группе, отражающих неформальную микроструктуру общества, Дж.Морено показал, что толпа осознаёт аутотренинг, хотя этот факт нуждается в дальнейшей проверке наблюдением. Апперцепция, конечно, вероятна. Коллективное бессознательное, как принято считать, вразнобой осознаёт эскапизм. Очевидно, что когнитивная составляющая осознаёт ролевой стимул, что вызвало развитие функционализма и сравнительно-психологических исследований поведения.

Шрифт для дислексиков

Open Dyslexic Font

Как помочь людям
с дислексией

Как помочь людям
с дислексией

Кому ещё
вы поможете

Вы поможете людям, у которых:

Fortnite Color Blindness Mode

Как тестировать доступность

Средства
дизайна

Настройки Photoshop

Stark (Figma, Sketch, Adobe XD)

Stark

Средства
браузеров

Google Chrome
Lighthouse

Google Chrome
DevTools Colors

Google Chrome
Rendering Color Modes

Firefox
Accessibility Checker

Firefox
DevTools Colors

Firefox
Color Modes Simulator

Режим высокой контрастности

Режим высокой контрастности

Плагины

axe

Axe Extention

Color Contrast Checker

Contrast Checker

Очки

Contrast Checker

Когда
разрабатывать доступность?

Внедрять на этапе проектирования

В готовом проекте
действовать аккуратно

Обеспечить
постоянную поддержку

Design Fails

Выводы

Выводы

Что почитать

Спасибо!