Mobile accessibility Testing / Тестирование доступности мобильного веба
Download as PPTX, PDF1 like2,260 views
Документ охватывает темы тестирования доступности мобильных приложений и веб-сайтов, включая различия между мобильной и веб-доступностью. В нем обсуждаются методы тестирования, необходимые инструменты, и ресурсы для повышения доступности, а также ограничения, с которыми могут столкнуться пользователи с ограниченными возможностями. Также рассматриваются особенности взаимодействия с мобильными устройствами, такие как жесты и адаптивные технологии.
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!
- 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+
- 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