Kateryna Shepelieva: I would like to share basics about accessibility, my experience in this type of testing and also to talk about accessibility from automation perspective: can this type of testing be automated at all, what tools can be used, can accessibility testing be fully performed without people evaluation at all?

1. МОЖНО ЛИ
АВТОМАТИЗИРОВАТЬ
ДОСТУПНОСТЬ?
Екатерина Шепелева

2. Екатерина Шепелева
Lead SoftwareTesting Engineer в EPAM (Киев)
Работала в компаниях:
• Ciklum (Киев, Одесса)
• Lohika (Одесса)
• GeeksForLess (Николаев)
В IT с 2009 года
7 лет в тестировании

3. План на сегодня
• О доступности
[что, зачем и почему]
• Подход к тестированию
[что и как мы проверяем, инструменты]
• Автоматизация тестирования доступности
[возможно ли, стоит ли]

4. О доступности

5. Что такое accessibility?
Тестирование веб-доступности (Web-Accessibility testing)
Подмножество usability тестирования
Когда сайты правильно спроектированы и
разработаны, все пользователи имеют
равный доступ к информации и
функциональности
Люди с ограниченными возможностями
должны иметь возможность пользоваться
Интернетом

6. Зачем?
Существующие законодательства
Потенциальные судебные иски
Около 20% людей имеют ограниченные
возможности
Дополнительные плюшки для заказчика

7. Законодательства
• США: Americans with DisabilitiesAct – 1990
https://www.ada.gov/
• Австралия: Disability Discrimination Act – 1992
• Великобритания: Disability Discrimination Act – 1995
• Ирландия: Disability Act of 2005
• и другие

8. WEB стандарты
WCAG (Web Content Accessibility Guidelines)
https://www.w3.org/TR/WCAG20/
Section 508
http://www.section508.va.gov/support/html/index.asp
WAI-ARIA (с точки зрения разработки)
https://www.w3.org/WAI/intro/aria.php

9. Виды ограниченных возможностей
ТИП НАРУШЕНИЯ ОПИСАНИЕ
Нарушения зрения • Полная слепота, дальтонизм, низкая острота зрения
• Различные нарушения визуального восприятия
Физическая
недееспособность
• Неспособность использовать мышку или клавиатуру
• Такие ослабленные моторные навыки, как замедленность
движений и работы мышц
Когнитивное расстройство • Трудности с приобретением знаний, расстройство памяти,
неспособность усвоить более сложные сценарии
Нарушение способности
читать и писать
• Проблемы с чтением
Нарушения слуха • Такие слуховые нарушения, как глухота или ухудшение слуха
• Неспособность слышать или неспособность слышать отчетливо

10. Доступность популярна?
кому нужна доступность?

11. Доступность популярна!

12. Подход к тестированию

13. Что мы делаем
• Ручное тестирование с использованием инструментов
• Без тест кейсов, только чек листы
• Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА)
• Уровни соответствия используются для определения приоритета
бага (например, А – минимальный уровень, покрывающий основные
проблемы)
• Критерии доступности, которые мы покрываем:
• Perceivability
• Operability
• Understandability
• Robustness

14. Что мы делаем
• Ручное тестирование с использованием инструментов
• Без тест кейсов, только чек листы
• Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА)
• Уровни соответствия используются для определения приоритета
бага (например, А – минимальный уровень, покрывающий основные
проблемы)
• Критерии доступности, которые мы покрываем:
• Perceivability
• Operability
• Understandability
• Robustness
А: невозможно
АА: сложно
ААА: несколько
сложно

15. Что мы делаем
• Ручное тестирование с использованием инструментов
• Без тест кейсов, только чек листы
• Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА)
• Уровни соответствия используются для определения приоритета
бага (например, А – минимальный уровень, покрывающий основные
проблемы)
• Критерии доступности, которые мы покрываем:
• Perceivability
• Operability
• Understandability
• Robustness
А: невозможно
АА: сложно
ААА: несколько
сложно

16. Критерии
КРИТЕРИЙ (WCAG) ОПИСАНИЕ
PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента
• Предоставление титров и других альтернатив для мультимедиа
• Контент может быть представлен по-разному, в том числе с помощью
вспомогательных технологий, без потери смысла
OPERABILITY • Вся функциональность доступна с клавиатуры
• У пользователей достаточно времени для чтения и использования
контента
• Не используется контент, который может вызвать приступ
• Помощь пользователям в навигации и поиске контента
UNDERSTANDABILITY • Текст читаемый и понятный
• Контент появляется и управляется предсказуемым образом
• Помощь пользователям в избежании и исправлении ошибок
ROBUSTNESS • Максимальная совместимость с текущими и будущими
инструментами пользователя

17. Пример чеклиста

18. Примеры багов

19. Основные проверки
• Гипертекст (HTML валидаторы – изображения, таблицы,
формы, ссылки, стили, структура, doctype)
• Навигация с помощью клавиатуры
• Текстовые альтернативы
• Цвета и контрастность
• Увеличение (200%), растягивание и разрешение
• Аббревиатуры, термины
• Мигающий или двигающийся контент

20. Инструменты

21. WAVE
WAVE - инструмент для оценки веб доступности, который
обеспечивает визуальную обратную связь о доступности веб-
контента, отображая иконки и индикаторы на странице.
• Online инструмент | http://wave.webaim.org/
• Дополнение к Chrome / FireFox | http://wave.webaim.org/extension/
• Бесплатный

22. Текст

23. Текст

24. Текст

25. Текст

26. Текст

27. Текст

28. JAWS
JAWS (Job Access With Speech) — программа для чтения с экрана
компьютера, предназначенная для людей с ослабленным зрением.
Чтение происходит путем предоставления пользователю информации, отображаемой на
экране, через озвучивание текста на экране (text-to-speech) и с помощью шрифта Брайля,
позволяющего без ограничений пользоваться клавиатурой.
http://www.freedomscientific.com/Products/Blindness/JAWS
Цены:
Professional: 1100$
Home edition: 900$
90 days license: 179$

29. Сравнение скрин ридеров

30. NVDA и ChromeVox
• NVDA (от NV Access) | https://www.nvaccess.org/
• ChromeVox | http://www.chromevox.com/

31. Статистика
http://webaim.org/projects/screenreadersurvey5/

32. Автоматизация тестирования доступности

34. Что нельзя автоматизировать?
(полностью)

35. Что нельзя автоматизировать
• Гипертекст (HTML валидаторы – изображения, таблицы,
формы, ссылки, стили, структура, doctype)
• Навигация с помощью клавиатуры
• Текстовые альтернативы
• Цвета и контрастность
• Увеличение (200%), растягивание и разрешение
• Аббревиатуры, термины
• Мигающий или двигающийся контент

36. Что нельзя автоматизировать
• Гипертекст (HTML валидаторы – изображения, таблицы,
формы, ссылки, стили, структура, doctype)
• Навигация с помощью клавиатуры
• Текстовые альтернативы
• Цвета и контрастность
• Увеличение (200%), растягивание и разрешение
• Аббревиатуры, термины
• Мигающий или двигающийся контент

37. Что нельзя автоматизировать
КРИТЕРИЙ (WCAG) ОПИСАНИЕ
PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента
• Предоставление титров и других альтернатив для мультимедиа
• Контент может быть представлен по-разному, в том числе с помощью
вспомогательных технологий, без потери смысла
OPERABILITY • Вся функциональность доступна с клавиатуры
• У пользователей достаточно времени для чтения и использования
контента
• Не используется контент, который может вызвать приступ
• Помощь пользователям в навигации и поиске контента
UNDERSTANDABILITY • Текст читаемый и понятный
• Контент появляется и управляется предсказуемым образом
• Помощь пользователям в избежании и исправлении ошибок
ROBUSTNESS • Максимальная совместимость с текущими и будущими
инструментами пользователя

38. Что нельзя автоматизировать
КРИТЕРИЙ (WCAG) ОПИСАНИЕ
PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента
• Предоставление титров и других альтернатив для мультимедиа
• Контент может быть представлен по-разному, в том числе с помощью
вспомогательных технологий, без потери смысла
OPERABILITY • Вся функциональность доступна с клавиатуры
• У пользователей достаточно времени для чтения и использования
контента
• Не используется контент, который может вызвать приступ
• Помощь пользователям в навигации и поиске контента
UNDERSTANDABILITY • Текст читаемый и понятный
• Контент появляется и управляется предсказуемым образом
• Помощь пользователям в избежании и исправлении ошибок
ROBUSTNESS • Максимальная совместимость с текущими и будущими
инструментами пользователя

39. Что можно автоматизировать?
(условно)

40. Текст

41. Текст

43. Во время разработки
• ngAria - для написания кода | http://blog.angularjs.org/2014/11/using-ngaria.html
• Юнит тесты: Protractor + Accessibility plugin | http://www.protractortest.org/ +
https://github.com/angular/protractor-accessibility-plugin
• End-to-end интеграционные тесты + a11y | https://addyosmani.com/a11y/

44. Автотесты + инструмент: сравнение скриншотов
• AET | https://github.com/Cognifide/aet
• yandex-qatools/ashot | https://github.com/yandex-qatools/ashot
• Applitools Eyes – платная | https://applitools.com

45. Автотесты + инструмент: анализ верстки
• Автотесты + WAVE / tota11y / aXe browser extensions
• pa11y | http://pa11y.org/
• Galen Framework | http://galenframework.com
• AATT (Automated AccessibilityTestingTool) | https://github.com/paypal/AATT
• TotalValidator Pro - платная | https://www.totalvalidator.com/home/reasons.html

46. Стоит ли?

47. Стоит ли?
• Закон
• Действуют ли законодательства?
• Насколько жесткие требования?
• Продукт
• Как много пользователей?
• Как много пользователей с ограниченными возможностями?
• Цели
• Пройти аудит или помочь пользователям?
• Сделать качественно или сделать быстро?

48. Можно ли автоматизировать
тестирование доступности?
можно!
но не полностью
и не всегда стоит

49. Вопросы?
Контакты:
eshepelieva@gmail.com
eshepelieva
search for Kateryna Shepelieva
search for eshepelieva
Подходите за визитками 
Спасибо за внимание!