2. О чем речь
• Что такое аксессибилити
• Различия мобильного и веб аксессибилити
• Для кого это все
• Что тестировать
• Чем тестировать
• Полезные ресурсы
5. Общее у мобильного и
веба
• Необходимость ALT text
• Дизайн в 1 колонку
• Отсутствие pop-upов
6. Общее у мобильного и
веба
• Отсутствие динамического меню
• Использование семантически верных HTML элементов
(для навигации через скринридер/клавиатуру )
• Возможность выполнять все действия через клавиатуру
• Дружественное поведение при
увеличении/масштабировании
7. Особенности мобайла
• Mouse-over события
• Жесты, специфические для мобильных ( зум, скроллинг,
перелистывание страниц через свайпzooming images,
scrolling lists, swiping between pages or navigating carousel
controls) при включенном TalkBack/VoiceOver
• Проигрывание и запись (субтитры, масштабирование)
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
•
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)
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+
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