Быстрый аудит доступности сайтов

Доклад Татьяны Мироновой (USABILITYLAB), прочитанный 5 сентября 2017 на бизнес-завтраке USABILITYLAB «Безбарьерные банковские сайты, мобильные приложения и интернет-банки».

Transcript

1. Быстрый аудит доступности сайтов: практическая работа 1
2. Целевая аудитория исследований
3. 3 Нарушения моторики Слабовидящие и слепые Комплексные нарушения Ментальные нарушения Нарушения речи Слабослышащие и глухие Категории нарушений
4. Кроме того 4 Легкие нарушения Временные нарушения Профессиональная утомляемость Возрастные нарушения Другое
5. 5 Web Content Accessibility Guidelines 2.0 Р 52872-2012 1. 2.
6. Базовый чек-лист доступности и основные инструменты
7. Инструменты обеспечения доступности сайта 7 Поиск по сайту Масштабирование страниц до 75-200% без появления горизонтального скролла Возможность настройки внешнего вида сайта (цветовая схема, шрифт и т.п.) Несколько способов общения с колл- центром (если он есть): звонок, чат, письмо
8. Навигация на сайте 8 Всегда понятно, где на сайте находится пользователь (страница, раздел), как вернуться на главную страницу Все страницы имеют понятные заголовки Важная часть контента отделена от второстепенной
9. Графика 9 Графические изображения осмысленные, дополняют текстовый контент или являются альтернативным отображением контента. Используется простой фон, не отвлекающий внимание пользователей
10. Ввод данных 10 Во время выполнения длительных задач дается обратная связь о ходе и завершении работы При вводе информации пользователю предоставляются пометки и инструкции При возникновении ошибки, ошибочный элемент идентифицируется, ошибка описывается пользователю в текстовом виде, по возможности, предоставляются подсказки по исправлению ошибки
11. Непонятный текст 11 Нерасшифрованные аббревиатуры, специфические термины
12. Непонятный текст 12 Большие объемы сложного текста
13. Нечитаемый текст 13 Неконтрастный текст (менее 4,5 и 3 для увеличенного текста (от 18))
14. Нечитаемый текст 14 Текст в составе картинок (т.н. «изображение текста») Мелкий шрифт
15. Недоступные кнопки 15 Маленькие элементы управления
16. Доступ для экранного диктора 16 У всех элементов интерфейса есть название на русском, указан тип элемента и его состояние
17. Доступ для экранного диктора 17 Возможность с помощью экранного диктора установить фокус на все значимые элементы интерфейса (в том числе текст) Озвучиваются введенные в поле данные
18. Нет доступа с клавиатуры или с помощью экранного диктора 18 Нет доступа ко всем элементам управления с клавиатуры или с помощью экранного диктора Долгий доступ к важным функциям с использованием клавиатуры/экранного диктора Устанавливается фокус на недоступных/ неотображаемых на экране элементах
19. Инструменты обеспечения доступности сайта с клавиатуры 19 Отображается клавиатурный фокус Существует возможность пропуска одинаковых блоков при навигации с клавиатуры
20. САМЫЕ ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ • [Глазки] • [F12 на клавиатуре] • [Экранный диктор] Итоги ОПЦИОНАЛЬНО: • [ru.readability.io] • [Contrast Ratio Checker] • [Contrast Checker] • [Page Ruller]
21. Приглашаем на однодневный курс по аудиту доступности
22. Спасибо Миронова Татьяна t.mironova@usabilitylab.net ЮЗАБИЛИТИЛАБ Москва, ул. Годовикова, д. 9, стр. 12 +7 (495) 933 01 37 www.usabilitylab.ru facebook.com/usabilitylab