Accessibility. Пользователи с НЕограниченными возможностями | Анна Ковтун | AzovDevMeetup 2018

Что такое accessibility? Кому и зачем оно нужно? Как с точки зрения UX сделать контент доступным и оценить получилось ли? С удовольствием расскажу, покажу и отвечу на все ваши вопросы.

Transcript

1. ACCESSIBILITY ПОЛЬЗОВАТЕЛИ С НЕОГРАНИЧЕННЫМИ ВОЗМОЖНОСТЯМИ
2. О себе Quality engineer 2015 Аня Ковтун anna.kovtun@softwarecountry.ru “Arcadia”
3. UX/UI Analyst 2016 О себе Quality engineer 2015 Аня Ковтун anna.kovtun@softwarecountry.ru “Arcadia”
4. Что мы делаем Норвегия Швеция Финляндия Дания
5. Процесс работы Требования
6. Требования Скетчи Процесс работы
7. Требования Прототипы Скетчи Процесс работы
8. Требования Прототипы Интерактив Скетчи Процесс работы
9. Требования Прототипы Спецификации Интерактив Скетчи Процесс работы
11. Что такое web accessibility? ACCESSIBILITY — Usability Accessibility Равноценный доступ к контенту у всех пользователей, в том числе с какими-либо нарушениями USABILITY — Эффективность и удовлетворённость, с которыми пользователь достигает поставленных целей
12. Типы нарушений Слух Зрение Ментальное развитие Опорно- двигательный аппарат У 20% пользователей есть нарушения, влияющие на иx способ взаимодействия с интернетом Источник: ООН
13. Постоянные Временные Ситуационные Типы препятствий
14. Как мы можем помочь WCAG Воспринимаемость Управляемость Понятность Надёжность A AA AAA
15. Зачем помогать Эмпатия Конкурентное преимущество Закон
16. Кто должен помогать UX/UI дизайнеры Программисты Тестировщики
17. Вспомогательные технологии Скрин ридер Альтернативные клавиатуры Лупа Распознавание речи
18. Доступ с клавиатуры Весь контент Ловушки Последовательность Фокус
19. Gettaxi Applicable testing lab 2015 CLOSE Give $30 Gett $30 Tap on home screen to refer a friend Названия элементов
20. Причины почему я ненавижу пайчарты Я дальтоник Цвет
21. Цвет (значение) Лучшая пицца Лучшая пицца 4 сыра Гавайская Маргарита Маргарита, 20% 4 сыра, 30% Гавайская, 50%
22. Trello Цвет (значение)
23. Bills vs Jets NFL Цвет (контраст)
25. Booking Навигация
26. Facebook Навигация
27. Сложная знаковая система, естественно или искусственно созданная и соотносящая понятийное содержание и типовое звучание (написание)
28. Plain language Язык
29. Тестирование NVDA Voice over Talkback
30. Chrome Lighthouse a11yTools Тестирование
31. 1. Чем раньше, тем проще 2. Минимальная доступность лучше, чем её отсутствие Когда начинать
32. Наш опыт UI kit Mobile
34. Мы можем сделать жизнь другиx лучше
35. Q&A