Про accessibility на этапе проектирования и разработки

Доклад Татьяны Мироновой (USABILITYLAB) с конференции User Experience Russia 2017. Татьяна рассказала, как уже на этапе проектирования, еще до начала разработки, учесть потребности пользователей с ограниченными возможностями.

Transcript

1. Про accessibility на этапе проектирования и разработки 1
2. ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ 2 • Адаптивная верстка • Хлебные крошки • Поиск по сайту
3. ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ: ПРОПУСК НАВИГАЦИИ НА СТРАНИЦЕ
4. ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ: ОБЩЕНИЕ ЧЕРЕЗ ЧАТ
5. ФУНКЦИОНАЛЬНЫЕ ТРЕБОВАНИЯ: ИНСТРУМЕНТЫ НАСТРОЙКИ ВИЗУАЛЬНОГО ОТОБРАЖЕНИЯ
6. ПРОЕКТИРОВАНИЕ 6 • Несколько способов выполнения самых частотных операций • Часто посещаемые страницы содержат не более 2-3 экранов текста. Число ссылок на странице не более 15 • Ошибки ввода пользователем данных описываются текстом
7. ПРОЕКТИРОВАНИЕ: ПОСЛЕДОВАТЕЛЬНОСТЬ ЧТЕНИЯ
8. 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.12 1 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2 3.3 3.1 3.2 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9 1.10 1.11 1.12 1.12 1 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2 3.3 3.1 3.2 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3
9. ДИЗАЙН 9 • Текст удовлетворяет минимальным требованиям WCAG 2.0 по контрастности (см. п. 1.4.3); • Все ссылки подчеркиваются; • Межстрочный интервал (междустрочие) внутри абзаца не менее 1,5, а интервал между абзацами больше межстрочного минимум в 1,5 раза; • Нет текста, написанного прописными буквами.
10. РАЗРАБОТКА 10 • Отображается клавиатурный фокус; • Фокус автоматически перемещается на открытую вкладку/панель/модальное окно; • Используются теги h1-h6 для разметки заголовков, ARIA-разметка; • С помощью программ экранного доступа озвучиваются введенные пользователем данные; • Сайт обеспечивает поддержку ассистивных технологий и специальных возможностей операционных систем, браузеров и других пользовательских приложений
11. СПАСИБО! Миронова Татьяна t.mironova@usabilitylab.net ЮЗАБИЛИТИЛАБ Москва, ул. Годовикова, д. 9, стр. 12 +7 (495) 933 01 37 www.usabilitylab.ru facebook.com/usabilitylab