Исследование доступности сайта Росбанка

Доклад Татьяны Мироновой (USABILITYLAB) о совместном проекте USABILITYLAB и Росбанка (22.03.2017). Татьяна рассказала о группах нарушений, поделилась некоторыми результатами исследования доступности сайта Росбанка и о том, как многие из этих проблем были решены при помощи панели с настройками отображения сайта.

Transcript

1. ИССЛЕДОВАНИЕ ДОСТУПНОСТИ САЙТА РОСБАНКА OOO «ЮЗАБИЛИТИЛАБ» Москва, 2017
2. 13 • Создание «Центра доступности» для обеспечения помощи с использованием мобильных подъемных устройств. • Организация помощи инвалидам без использования технических средств. • Использование компьютеров и ПО для подключения к бюро сурдопереводов. • Использование увеличителей шрифта и индукционных петель. • Организация института выездных агентов. • Организация обслуживания с применением темпокасс. • Разработка дизайна наружных табличек с применением шрифта Брайля. • Выделение функциональных зон для обслуживания клиентов с нарушениями опорно-двигательного аппарата. • Приспособление банкоматов к использованию людьми с различными нарушениями. • Организация в офисах комплексной системы информации, предусматривающей визуальные, звуковые и тактильные средства. • Организация обучения персонала офисов. • Адаптация мобильного приложения РОСБАНК ОНЛАЙН и сайта rosbank.ru для обеспечения доступности различным группам пользователей. КОМПЛЕКС МЕРОПРИЯТИЙ ПО ОБЕСПЕЧЕНИЮ ДОСТУПНОСТИ ФИНАНСОВЫХ УСЛУГ В ПАО РОСБАНК
3. 14 ОСОБЫЕ ПОТРЕБНОСТИ РАЗЛИЧНЫХ ГРУПП ПОЛЬЗОВАТЕЛЕЙ
4. 15 • Элементы управления и контент должны быть крупными и контрастными. • Для видеоконтента должны быть доступны субтитры, аудиоописание или тифлокомментарии. • Контент и элементы управления должны быть доступны для обработки специальным ПО и аппаратными средствами (программами экранного доступа, брайлевскими дисплеями и тп.). СЛАБОВИДЯЩИЕ И СЛЕПЫЕ
5. 16 • Элементы управления и их интерактивные области должны быть достаточно крупными. • Должна быть обеспечена возможность полного управления с клавиатуры. ПОЛЬЗОВАТЕЛИ С НАРУШЕНИЕМ ОПОРНО-ДВИГАТЕЛЬНОГО АППАРАТА
6. 17 • Ко всему аудио- и видеоконтенту должны быть предоставлены субтитры. • Если пользователь на сайте может оставить запрос или обращение, то должен быть предусмотрен способ обратной связи с пользователем в письменной форме. СЛАБОСЛЫШАЩИЕ И ГЛУХИЕ
7. 18 • Если пользователь на сайте может оставить запрос или обращение, то должен быть предусмотрен способ обратной связи с пользователем в письменной форме. ПОЛЬЗОВАТЕЛИ С НАРУШЕНИЯМИ РЕЧИ
8. 19 • Текст должен быть сформулирован простыми предложениями (конкретные формулировки). • Объемный текст должен быть дополнен подходящими по смыслу изображениями, информация должна быть также представлена в нетекстовом формате (схемы, диаграммы и пр.). • Для предотвращения эпилептических припадков, на экране не должно быть мерцающих элементов. ПОЛЬЗОВАТЕЛИ С НАРУШЕНИЯМИ МЕНТАЛЬНОЙ СФЕРЫ
9. 20 • Различные комбинации потребностей. ПОЛЬЗОВАТЕЛИ С РАЗЛИЧНЫМИ КОМБИНАЦИЯМИ НАРУШЕНИЙ
10. Доступность нужна всем Болезнь
11. Доступность нужна всем Травма
12. Доступность нужна всем Возрастные изменения
13. Доступность нужна всем Усталость или стресс
14. 25 СПОСОБЫ КОМПЕНСАЦИИ НАРУШЕНИЙ
15. 26 ИСПОЛЬЗОВАНИЕ ПРОГРАММ ЭКРАННОГО ДОСТУПА Программы экранного доступа — это программы или программные комплексы, обеспечивающие доступ (как правило, тактильный или речевой) незрячих и слабовидящих пользователей к информации, выводимой на экране компьютера. • На ПК: программа экранного доступа озвучивает текст под курсором или в фокусе клавиатуры. Управление функциями такой программы осуществляется с помощью горячих клавиш. • На сенсорных устройствах: программы экранного доступа озвучивают текст, к которому прикасается пользователь. Управление функциями такой программы осуществляется с помощью жестов. Пользователь может переключаться между различными режимами чтения, что помогает ему лучше ориентироваться на странице, быстрее переходить к нужной информации, а не прослушивать каждый раз содержимое страницы полностью.
16. 27 ИСПОЛЬЗОВАНИЕ ПРОГРАММ ЭКРАННОГО ДОСТУПА Экранный диктор (Microsoft Narrator) Стандартное приложение Windows NVDA (NonVisual Desktop Access) Бесплатное ПО для Windows JAWS (Job Access With Speech) Коммерческое ПО для Windows VoiceOver Стандартное приложение MacOS и iOS TalkBack Стандартное приложение Android
17. 28 ОСОБЫЕ НАСТРОЙКИ ЯРКОСТИ, МАСШТАБА ИЛИ ЦВЕТОПЕРЕДАЧИ
18. 29 АППАРАТНЫЕ СРЕДСТВА
19. ИССЛЕДОВАНИЕ 30
20. 31 • Автоматический чекер на соответствие сайта рекомендациям WCAG 2.0 (например, AChecker) – позволит вам увидеть по большей части, проблемы, связанные с кодом (обычно, проблемы кода влияют на людей с нарушениями зрения, использующих экранный диктор) • Средство автоматической проверки достаточности контраста текста в соответствии с требованиям WCAG 2.0 (например, Contrast Ratio Checker) – позволит вам выяснить, насколько читаемый текст на вашем сайте для людей с нарушениями зрения. • Средство просмотра содержимого страницы глазами дальтоника (например, I want to see like the colour blind) – позволит вам увидеть, как воспринимают контент на странице люди с различными нарушениями цветовосприятия. СРЕДСТВА ОЦЕНКИ ДОСТУПНОСТИ
21. 32 Проблемы доступности оцениваются в соответствии: • Рекомендациям ГОСТ Р 52872-2012; • Рекомендациям WCAG 2.0; • Прочим международным рекомендациям: Section 508 Amendment to the U.S. Rehabilitation Act Standards for Web-based content (§1194.22), Mozilla Developer Network, University of Washington, 18F Guides, Рекомендации по проектированию сайтов для людей с деменцией, Рекомендации по проектированию сайтов для дислексиков и т.д. ЭКСПЕРТНАЯ ОЦЕНКА
22. 33 ЧЕК-ЛИСТ ДОСТУПНОСТИ САЙТА
23. 34 ЮЗАБИЛИТИ-ТЕСТИРОВАНИЕ
24. 35 ОТЧЕТ Рекомендация: Не перехватывать фокус при обновлении карусели, сделать все функциональные и информативные блоки на сайте доступными с помощью навигации с клавиатуры. На некоторые элементы управления или блоки контента невозможно установить фокус с помощью клавиатурных команд. Пользователи программ чтения с экрана на ПК осуществляют навигацию на сайте с помощью клавиатуры. Если на какой-то элемент управления невозможно установить фокус с помощью клавиатуры, такой пользователь его не «увидит». Также клавиатурой для навигации пользуются люди с нарушениями двигательных функций. На сайте фокус клавиатуры, помимо того, что не устанавливается на многие элементы, еще и постоянно перехватывается баннером- каруселью, что делает навигацию с клавиатуры невозможной уже на главной странице сайта. ГОСТ Р 52872-2012 Уровень А 5.2.1.2 Полное управление с клавиатуры. Если с помощью интерфейса клавиатуры можно переместить фокус на один из компонентов страницы (сделать его активным), то также можно переместить фокус и на другой компонент только с помощью клавиатурных команд; если это требует более чем одного нажатия на клавишу, то пользователю предлагается описание метода перемещения фокуса. WCAG 2.0 Приоритет 1 1 - Если с помощью клавиатуры можно переместить фокус на один из компонентов страницы, то снять с него фокус можно также с помощью клавиатуры. Если это требует более одного нажатия на клавишу со стрелкой или TAB или использования любого другого стандартного способа выхода, то пользователю предлагается описание метода перемещения фокуса. Подробнее. Страницы, где обнаружена проблема: Все страницы Пример: На сайте yandex.ru фокус с клавиатуры можно установить даже на пример поискового запроса
25. 36 ТИПИЧНЫЕ ПРОБЛЕМЫ ДОСТУПНОСТИ САЙТА
26. 37 Наиболее критичными и чаще всего встречающимися являются проблемы, связанные с плохим качеством программного кода. Эти проблемы усложняют работу экранного диктора, а также могут существенно затруднить работу остальных пользователей. КАЧЕСТВО ПРОГРАММНОГО КОДА Экранный диктор зачитывает пользователю текст ссылки, поэтому пользователь слышит «Решетка» вместо «Перейти в меню сайта»
27. 38 Текст часто не отвечает минимальным требованиям контрастности. Чтение такого текста будет затруднено для людей с нарушениями зрения, или при чтении при плохом освещении КОНТРАСТ
28. 39 Небольшие размеры элементов управления (в том числе ссылок в тексте) требуют дополнительных усилий для правильного позиционирования курсора. Если в интерфейсе встречаются расположенные рядом небольшие элементы управления, есть большая вероятность, что пользователь промахнется по нужному элементу управления и выполнит совсем другое действие. РАЗМЕРЫ ЭЛЕМЕНТОВ УПРАВЛЕНИЯ
29. 40 СПЕЦИАЛЬНЫЕ ВЕРСИИ САЙТОВ ДЛЯ СЛАБОВИДЯЩИХ
30. 41 ЗАРУБЕЖНЫЙ ОПЫТ
31. 42 НАСТРОЙКИ ОТОБРАЖЕНИЯ САЙТА РОСБАНКА
32. 43 РОСБАНК Юлия Денисова Начальник отдела интернет-проектов Департамента корпоративных коммуникаций и рекламы +7 (495) 662 13 00, вн.: 14093 ydenisova@rosbank.ru СПАСИБО! ЮЗАБИЛИТИЛАБ Татьяна Миронова Ведущий специалист +7 (495) 933 01 37 t.mironova@usabilitylab.net