Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Mobile accessibility Testing / Тестирование доступности мобильного веба

1,586 views

Published on

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

Published in: Mobile
  • Be the first to comment

  • Be the first to like this

Mobile accessibility Testing / Тестирование доступности мобильного веба

  1. 1. Mobile Accessibility Testing
  2. 2. О чем речь • Что такое аксессибилити • Различия мобильного и веб аксессибилити • Для кого это все • Что тестировать • Чем тестировать • Полезные ресурсы
  3. 3. Аксессибилити • степень того, как легко люди могут получить доступ к сайту.
  4. 4. Пользователи мобильных устройств сталкиваются с похожими ограничениями, что и люди с ограниченными возможностями
  5. 5. Общее у мобильного и веба • Необходимость ALT text • Дизайн в 1 колонку • Отсутствие pop-upов
  6. 6. Общее у мобильного и веба • Отсутствие динамического меню • Использование семантически верных HTML элементов (для навигации через скринридер/клавиатуру ) • Возможность выполнять все действия через клавиатуру • Дружественное поведение при увеличении/масштабировании
  7. 7. Особенности мобайла • Mouse-over события • Жесты, специфические для мобильных ( зум, скроллинг, перелистывание страниц через свайпzooming images, scrolling lists, swiping between pages or navigating carousel controls) при включенном TalkBack/VoiceOver • Проигрывание и запись (субтитры, масштабирование)
  8. 8. Основные ограничения: • Зрительные • Опорно-двигательные • Слуховые • Эпилептические приступы • Умственные
  9. 9. Так что же тестировать?
  10. 10. • May Android Settings>Accessibility and • iOS Settings>General>Accessibility be with you!
  11. 11. Android Accessibility
  12. 12. Android Accessibility
  13. 13. iPhone Accessibility
  14. 14. OS Features • Высокая контрастность дисплея (High Contrast Display Modes) o Как тестировать: • Android Settings>Accessibility>Negative Colors • iOS Settings>General>Accessibility>Invert Colors. Analyze by screenshot - Color Contrast Analyzer •
  15. 15. OS Features
  16. 16. • Распознавание речи (Voice Recognition) o Как тестировать: • Android Google Now • iOS Siri • Софтварные и подключаемые клавиатуры (On Screen Keyboards/ Peripheral Keyboard) • Указатели (Peripheral Mouse, Input Text Caret) • Визуальная индикация системных (отсутствие только звуковых извещений) OS Features
  17. 17. 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)
  18. 18. iOS Zoom
  19. 19. 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
  20. 20. 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
  21. 21. 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+
  22. 22. Mobizen UX Recorder
  23. 23. Web Recording Tool Lite
  24. 24. Полезные ресурсы • 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
  25. 25. Diana Shymbaliova Email: Diana_shymbaliova@epam.com Software Testing Engineer

×