Customisation of web accessibility testing for mobile (Android & iOS)

1. Mobile
Accessibility
Testing

2. О чем речь
• Что такое аксессибилити
• Различия мобильного и веб аксессибилити
• Для кого это все
• Что тестировать
• Чем тестировать
• Полезные ресурсы

3. Аксессибилити
• степень того, как легко люди могут получить доступ к
сайту.

4. Пользователи мобильных устройств сталкиваются с
похожими ограничениями, что и люди с ограниченными
возможностями

5. Общее у мобильного и
веба
• Необходимость ALT text
• Дизайн в 1 колонку
• Отсутствие pop-upов

6. Общее у мобильного и
веба
• Отсутствие динамического меню
• Использование семантически верных HTML элементов
(для навигации через скринридер/клавиатуру )
• Возможность выполнять все действия через клавиатуру
• Дружественное поведение при
увеличении/масштабировании

7. Особенности мобайла
• Mouse-over события
• Жесты, специфические для мобильных ( зум, скроллинг,
перелистывание страниц через свайпzooming images,
scrolling lists, swiping between pages or navigating carousel
controls) при включенном TalkBack/VoiceOver
• Проигрывание и запись (субтитры, масштабирование)

9. Основные ограничения:
• Зрительные
• Опорно-двигательные
• Слуховые
• Эпилептические приступы
• Умственные

10. Так что же тестировать?

11. • May Android Settings>Accessibility and
• iOS Settings>General>Accessibility be with you!

12. Android Accessibility

13. Android Accessibility

14. iPhone Accessibility

16. OS Features
• Высокая контрастность дисплея (High Contrast Display
Modes)
o Как тестировать:
• Android Settings>Accessibility>Negative Colors
• iOS Settings>General>Accessibility>Invert Colors. Analyze by screenshot - Color
Contrast Analyzer
•

17. OS Features

18. • Распознавание речи (Voice Recognition)
o Как тестировать:
• Android Google Now
• iOS Siri
• Софтварные и подключаемые клавиатуры (On Screen
Keyboards/ Peripheral Keyboard)
• Указатели (Peripheral Mouse, Input Text Caret)
• Визуальная индикация системных (отсутствие только
звуковых извещений)
OS Features

19. Software
• Screen Magnifiers
o Как тестировать- iOS Zoom и Android Magnification gestures (Settings > Accessibility
> Magnification gestures.)
• Screen Readers
o Как тестировать – встроенный iOS VoiceOver или Android TalkBack/ Explore by
Touch (Android Settings>Accessibility и iOS Settings>General>Accessibility)

21. iOS Zoom

22. Browser
• Масштабирование страницы
• Увеличение текста
• Режим инкогнито
• Семантическая навигация
• Отключение/изменение CSS
o Как тестировать –
o Chrome emulator + Chrome Web Developer Plugin
• Отключение JavaScript
o Как тестировать –
o built in JS switch off in iOS Settings >Safari>Advanced и
o Android Browser>Settings> Advanced

23. Markup
• <alt>attributes for images
• Корректное использование форм (<form> element,
associate all form elements (<input>, <select> and <textarea>)
with a <label>, make sure the “Enter” key can be used to
submit the form )
• Семантически правильное использование элементов —
<button> для кнопок и <a> для ссылок.
o Как тестировать - OGHAG Helper Toolbar или вручную через Safari Web Inspector и
chrome//:inspect

24. Video Recording Tools:
• Web Recording Tool Lite
o As free version has popups advertising each ~min. Acts as a Web browser
and is for web site testing only.
o Requires iOS 5.0+
• UX Recorder – User Testing For Mobile
o Tool for UX testing: records what happens on screen + the user via frontal
cam. Free 30-sec video trial. No export from app before purchase. Acts as
a Web browser and is for web site testing only.
o Requires iOS 7.0+
• Mobizen
o Tool for demoing Android applications, records anything on the Android
screen: games, video, apps, etc.
o Requires Android 4.0+

25. Mobizen UX Recorder

26. Web Recording Tool Lite

27. Полезные ресурсы
• The BBC Standards and Guidelines for Mobile
Accessibility
• W3 Mobile Accessibility
• Mobile And Accessibility: Why You Should Care And
What You Can Do About It
• Android Developers Accessibility Testing Checklist
• How to Enable/Disable JavaScript on an Android
Phone

28. Diana Shymbaliova
Email: Diana_shymbaliova@epam.com
Software Testing Engineer