Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

More Decks by USABILITYLAB — знаем всё о юзабилити интерфейсов

Other Decks in Technology

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. Спасибо
    Миронова Татьяна
    [email protected]
    ЮЗАБИЛИТИЛАБ
    Москва, ул. Годовикова, д. 9, стр. 12
    +7 (495) 933 01 37
    www.usabilitylab.ru
    facebook.com/usabilitylab

    View Slide