DrupalCamp Cebu, November 24, 2017

1. Automated Accessibility
Testing via Pa11y
Raymond Angana

2. What to expect
 Learn About Accessibility Testing and how to Automate it
via Pa11y.
 No actual coding involve but just snippets of code/commands
to be used.
 Possibilities of improving/scaling your QA department
through Automated Accessibility.

3. What is Accessibility Testing?

4. What is Accessibility Testing?
Accessibility Testing is a subset of Usability
Testing, and it is performed to ensure that the
application being tested is usable by people with
disabilities like hearing, color-blindness, old age
and other disadvantaged groups.

5. Assistive Technologies:
People with disabilities use assistive technology which helps them in operating a
software product.
• Speech Recognition Software - It will convert the spoken word to text , which
serves as input to the computer.
• Screen reader software - Used to read out the text that is displayed on the
screenScreen
• Magnification Software - Used to enlarge the monitor and make reading easy for
vision-impaired users.
• Special keyboard made for the users for easy typing who have motor control
difficulties

6. Why make websites accessible?

7. Why make websites accessible?
Reason 1: Cater to market for Disabled People. Disabilities
include blindness, deaf, handicapped, or any disorders in the
body.
Reason 2: Abide by Accessibility Legislations
Government agencies all over the world have come out with
legalizations, which requires that IT products to be accessible by
disabled people.
Accessibility Testing is important to ensure legal compliance.
Reason 3: Avoid Potential Law Suits

8. Common Accessibility issues

9. Common Accessibility Issues
1. Heading Structure
2. Alternative text for images
3. Color contrast
4. Skip link
5. Carousels and slideshows: no controls
6. Forms
7. Captcha

10. Tools Available

11. Tools Available

12. Why Pa11y?
http://pa11y.org/

13. Why Pa11y?
1.Basic Command Line usage
2.Multiple report format with jSON or
CSV or HTML
3.Easy with Pa11y Dashboard

14. 1. Basic Command Line Usage

15. 1. Basic Command Line Usage

16. 2. Multiple Report formats

17. 2. Multiple Report formats

18. 2. Multiple Report formats

19. 3. Dashboard

20. 3. Dashboard

21. Real life test case
Generate an Accessibility Report of 2017.drupalcebu.org

22. Real Life Test Case: 2017.drupalcebu.org
1. Create/use sitemap.xml
2. Generate HTML-based report
3. Generate JSON-based report
4. Generate a PDF-based report for the client
5. Have a beer!

23. 1. Create/use sitemap.xml

24. 2. Run Pa11y and get HTML format

25. 3. Run Pa11y to generate JSON format

26. 4. Generate a PDF-based report

27. 4. Generate a PDF-based report

28. 5. Have a BEER!

29. The Promet way
Automate and Continuously Improve

30. Questions?
http://pa11y.org/
https://github.com/pa11y/pa11y
https://github.com/pa11y/pa11y-dashboard