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.

Can accessibility testing be automated?

164 views

Published on

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?

Published in: Software
  • My friend sent me a link to to tis site. This awesome company. They wrote my entire research paper for me, and it turned out brilliantly. I highly recommend this service to anyone in my shoes. ⇒ www.HelpWriting.net ⇐.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/l2IIDJ ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Hello! I can recommend a site that has helped me. It's called ⇒ www.WritePaper.info ⇐ They helped me for writing my quality research paper.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • D0WNL0AD FULL ▶ ▶ ▶ ▶ http://1lite.top/l2IIDJ ◀ ◀ ◀ ◀
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Can accessibility testing be automated?

  1. 1. МОЖНО ЛИ АВТОМАТИЗИРОВАТЬ ДОСТУПНОСТЬ? Екатерина Шепелева
  2. 2. Екатерина Шепелева Lead SoftwareTesting Engineer в EPAM (Киев) Работала в компаниях: • Ciklum (Киев, Одесса) • Lohika (Одесса) • GeeksForLess (Николаев) В IT с 2009 года 7 лет в тестировании
  3. 3. План на сегодня • О доступности [что, зачем и почему] • Подход к тестированию [что и как мы проверяем, инструменты] • Автоматизация тестирования доступности [возможно ли, стоит ли]
  4. 4. О доступности
  5. 5. Что такое accessibility? Тестирование веб-доступности (Web-Accessibility testing) Подмножество usability тестирования Когда сайты правильно спроектированы и разработаны, все пользователи имеют равный доступ к информации и функциональности Люди с ограниченными возможностями должны иметь возможность пользоваться Интернетом
  6. 6. Зачем? Существующие законодательства Потенциальные судебные иски Около 20% людей имеют ограниченные возможности Дополнительные плюшки для заказчика
  7. 7. Законодательства • США: Americans with DisabilitiesAct – 1990 https://www.ada.gov/ • Австралия: Disability Discrimination Act – 1992 • Великобритания: Disability Discrimination Act – 1995 • Ирландия: Disability Act of 2005 • и другие
  8. 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. 9. Виды ограниченных возможностей ТИП НАРУШЕНИЯ ОПИСАНИЕ Нарушения зрения • Полная слепота, дальтонизм, низкая острота зрения • Различные нарушения визуального восприятия Физическая недееспособность • Неспособность использовать мышку или клавиатуру • Такие ослабленные моторные навыки, как замедленность движений и работы мышц Когнитивное расстройство • Трудности с приобретением знаний, расстройство памяти, неспособность усвоить более сложные сценарии Нарушение способности читать и писать • Проблемы с чтением Нарушения слуха • Такие слуховые нарушения, как глухота или ухудшение слуха • Неспособность слышать или неспособность слышать отчетливо
  10. 10. Доступность популярна? кому нужна доступность?
  11. 11. Доступность популярна!
  12. 12. Подход к тестированию
  13. 13. Что мы делаем • Ручное тестирование с использованием инструментов • Без тест кейсов, только чек листы • Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА) • Уровни соответствия используются для определения приоритета бага (например, А – минимальный уровень, покрывающий основные проблемы) • Критерии доступности, которые мы покрываем: • Perceivability • Operability • Understandability • Robustness
  14. 14. Что мы делаем • Ручное тестирование с использованием инструментов • Без тест кейсов, только чек листы • Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА) • Уровни соответствия используются для определения приоритета бага (например, А – минимальный уровень, покрывающий основные проблемы) • Критерии доступности, которые мы покрываем: • Perceivability • Operability • Understandability • Robustness А: невозможно АА: сложно ААА: несколько сложно
  15. 15. Что мы делаем • Ручное тестирование с использованием инструментов • Без тест кейсов, только чек листы • Поддерживаем А и АА уровни соответствия (из существующих А, АА, ААА) • Уровни соответствия используются для определения приоритета бага (например, А – минимальный уровень, покрывающий основные проблемы) • Критерии доступности, которые мы покрываем: • Perceivability • Operability • Understandability • Robustness А: невозможно АА: сложно ААА: несколько сложно
  16. 16. Критерии КРИТЕРИЙ (WCAG) ОПИСАНИЕ PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента • Предоставление титров и других альтернатив для мультимедиа • Контент может быть представлен по-разному, в том числе с помощью вспомогательных технологий, без потери смысла OPERABILITY • Вся функциональность доступна с клавиатуры • У пользователей достаточно времени для чтения и использования контента • Не используется контент, который может вызвать приступ • Помощь пользователям в навигации и поиске контента UNDERSTANDABILITY • Текст читаемый и понятный • Контент появляется и управляется предсказуемым образом • Помощь пользователям в избежании и исправлении ошибок ROBUSTNESS • Максимальная совместимость с текущими и будущими инструментами пользователя
  17. 17. Пример чеклиста
  18. 18. Примеры багов
  19. 19. Основные проверки • Гипертекст (HTML валидаторы – изображения, таблицы, формы, ссылки, стили, структура, doctype) • Навигация с помощью клавиатуры • Текстовые альтернативы • Цвета и контрастность • Увеличение (200%), растягивание и разрешение • Аббревиатуры, термины • Мигающий или двигающийся контент
  20. 20. Инструменты
  21. 21. WAVE WAVE - инструмент для оценки веб доступности, который обеспечивает визуальную обратную связь о доступности веб- контента, отображая иконки и индикаторы на странице. • Online инструмент | http://wave.webaim.org/ • Дополнение к Chrome / FireFox | http://wave.webaim.org/extension/ • Бесплатный
  22. 22. Текст
  23. 23. Текст
  24. 24. Текст
  25. 25. Текст
  26. 26. Текст
  27. 27. Текст
  28. 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. 29. Сравнение скрин ридеров
  30. 30. NVDA и ChromeVox • NVDA (от NV Access) | https://www.nvaccess.org/ • ChromeVox | http://www.chromevox.com/
  31. 31. Статистика http://webaim.org/projects/screenreadersurvey5/
  32. 32. Автоматизация тестирования доступности
  33. 33. Что нельзя автоматизировать? (полностью)
  34. 34. Что нельзя автоматизировать • Гипертекст (HTML валидаторы – изображения, таблицы, формы, ссылки, стили, структура, doctype) • Навигация с помощью клавиатуры • Текстовые альтернативы • Цвета и контрастность • Увеличение (200%), растягивание и разрешение • Аббревиатуры, термины • Мигающий или двигающийся контент
  35. 35. Что нельзя автоматизировать • Гипертекст (HTML валидаторы – изображения, таблицы, формы, ссылки, стили, структура, doctype) • Навигация с помощью клавиатуры • Текстовые альтернативы • Цвета и контрастность • Увеличение (200%), растягивание и разрешение • Аббревиатуры, термины • Мигающий или двигающийся контент
  36. 36. Что нельзя автоматизировать КРИТЕРИЙ (WCAG) ОПИСАНИЕ PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента • Предоставление титров и других альтернатив для мультимедиа • Контент может быть представлен по-разному, в том числе с помощью вспомогательных технологий, без потери смысла OPERABILITY • Вся функциональность доступна с клавиатуры • У пользователей достаточно времени для чтения и использования контента • Не используется контент, который может вызвать приступ • Помощь пользователям в навигации и поиске контента UNDERSTANDABILITY • Текст читаемый и понятный • Контент появляется и управляется предсказуемым образом • Помощь пользователям в избежании и исправлении ошибок ROBUSTNESS • Максимальная совместимость с текущими и будущими инструментами пользователя
  37. 37. Что нельзя автоматизировать КРИТЕРИЙ (WCAG) ОПИСАНИЕ PERCEIVABILITY • Предоставление текстовых альтернатив для нетекстового контента • Предоставление титров и других альтернатив для мультимедиа • Контент может быть представлен по-разному, в том числе с помощью вспомогательных технологий, без потери смысла OPERABILITY • Вся функциональность доступна с клавиатуры • У пользователей достаточно времени для чтения и использования контента • Не используется контент, который может вызвать приступ • Помощь пользователям в навигации и поиске контента UNDERSTANDABILITY • Текст читаемый и понятный • Контент появляется и управляется предсказуемым образом • Помощь пользователям в избежании и исправлении ошибок ROBUSTNESS • Максимальная совместимость с текущими и будущими инструментами пользователя
  38. 38. Что можно автоматизировать? (условно)
  39. 39. Текст
  40. 40. Текст
  41. 41. Во время разработки • 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/
  42. 42. Автотесты + инструмент: сравнение скриншотов • AET | https://github.com/Cognifide/aet • yandex-qatools/ashot | https://github.com/yandex-qatools/ashot • Applitools Eyes – платная | https://applitools.com
  43. 43. Автотесты + инструмент: анализ верстки • Автотесты + 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
  44. 44. Стоит ли?
  45. 45. Стоит ли? • Закон • Действуют ли законодательства? • Насколько жесткие требования? • Продукт • Как много пользователей? • Как много пользователей с ограниченными возможностями? • Цели • Пройти аудит или помочь пользователям? • Сделать качественно или сделать быстро?
  46. 46. Можно ли автоматизировать тестирование доступности? можно! но не полностью и не всегда стоит
  47. 47. Вопросы? Контакты: eshepelieva@gmail.com eshepelieva search for Kateryna Shepelieva search for eshepelieva Подходите за визитками  Спасибо за внимание!

×