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

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

Transcript

1. Быстрый аудит доступности сайтов:
   практическая работа
   1
   

   View Slide

2. Целевая аудитория исследований
   

   View Slide

3. 3
   Нарушения
   моторики
   Слабовидящие
   и слепые
   Комплексные
   нарушения
   Ментальные
   нарушения
   Нарушения
   речи
   Слабослышащие
   и глухие
   Категории нарушений
   

   View Slide

4. Кроме того
   4
   Легкие
   нарушения
   Временные
   нарушения
   Профессиональная
   утомляемость
   Возрастные
   нарушения
   Другое
   

   View Slide

5. 5
   Web Content Accessibility Guidelines 2.0
   Р 52872-2012
   1.
   2.
   

   View Slide

6. Базовый чек-лист доступности и основные
   инструменты
   

   View Slide

7. Инструменты обеспечения доступности сайта
   7
   Поиск по сайту
   Масштабирование страниц до 75-200%
   без появления горизонтального скролла
   Возможность настройки внешнего вида
   сайта (цветовая схема, шрифт и т.п.)
   Несколько способов общения с колл-
   центром (если он есть): звонок, чат,
   письмо
   

   View Slide

8. Навигация на сайте
   8
   Всегда понятно, где на сайте находится
   пользователь (страница, раздел), как
   вернуться на главную страницу
   Все страницы имеют понятные заголовки
   Важная часть контента отделена от
   второстепенной
   

   View Slide

9. Графика
   9
   Графические изображения
   осмысленные, дополняют текстовый
   контент или являются альтернативным
   отображением контента.
   Используется простой фон, не
   отвлекающий внимание пользователей
   

   View Slide

10. Ввод данных
    10
    Во время выполнения длительных задач дается
    обратная связь о ходе и завершении работы
    При вводе информации пользователю
    предоставляются пометки и инструкции
    При возникновении ошибки, ошибочный элемент
    идентифицируется, ошибка описывается
    пользователю в текстовом виде, по возможности,
    предоставляются подсказки по исправлению
    ошибки
    

    View Slide

11. Непонятный текст
    11
    Нерасшифрованные аббревиатуры,
    специфические термины
    

    View Slide

12. Непонятный текст
    12
    Большие объемы сложного текста
    

    View Slide

13. Нечитаемый текст
    13
    Неконтрастный текст (менее 4,5 и 3 для
    увеличенного текста (от 18))
    

    View Slide

14. Нечитаемый текст
    14
    Текст в составе картинок (т.н.
    «изображение текста»)
    Мелкий шрифт
    

    View Slide

15. Недоступные кнопки
    15
    Маленькие элементы управления
    

    View Slide

16. Доступ для экранного диктора
    16
    У всех элементов интерфейса есть название
    на русском, указан тип элемента и его
    состояние
    

    View Slide

17. Доступ для экранного диктора
    17
    Возможность с помощью экранного диктора
    установить фокус на все значимые
    элементы интерфейса (в том числе текст)
    Озвучиваются введенные в поле данные
    

    View Slide

18. Нет доступа с клавиатуры или с помощью экранного диктора
    18
    Нет доступа ко всем элементам
    управления с клавиатуры или с
    помощью экранного диктора
    Долгий доступ к важным функциям с
    использованием клавиатуры/экранного
    диктора
    Устанавливается фокус на недоступных/
    неотображаемых на экране элементах
    

    View Slide

19. Инструменты обеспечения доступности сайта с
    клавиатуры
    19
    Отображается клавиатурный фокус
    Существует возможность пропуска
    одинаковых блоков при навигации с
    клавиатуры
    

    View Slide

20. САМЫЕ ПОЛЕЗНЫЕ ИНСТРУМЕНТЫ
    • [Глазки]
    • [F12 на клавиатуре]
    • [Экранный диктор]
    Итоги
    ОПЦИОНАЛЬНО:
    • [ru.readability.io]
    • [Contrast Ratio Checker]
    • [Contrast Checker]
    • [Page Ruller]
    

    View Slide

21. Приглашаем на однодневный курс по
    аудиту доступности
    

    View Slide

22. Спасибо
    Миронова Татьяна
    t.mironova@usabilitylab.net
    ЮЗАБИЛИТИЛАБ
    Москва, ул. Годовикова, д. 9, стр. 12
    +7 (495) 933 01 37
    www.usabilitylab.ru
    facebook.com/usabilitylab
    

    View Slide