This presentation goes through the accessibility testing of a few core parts of the WCAG 2.0 AA standards. It will teach you to build, test and fix websites to make them accessible to people that are using websites with assistive technology.

1. Twitter: @AstroboySoup
Accessibility Testing
http://bit.ly/jbeat-a11ytesting

2. Do you contribute back
to the Joomla Project?

3. –Crystal Harris
“I got a taste then got addicted. Plus, it's
awesome knowing what you do helps shape the
future of the web.”

4. -Michael Babker
“Some one promised cookies.”

5. –Peter Bui
“To give back to something that has given me
the freedom and opportunity to do what I want
with my life”

6. Sign up on this website
and bookmark this
page…

7. Please go here:
https://github.com/
joomla/joomla-websites

8. We’re going to test the
new Joomla Showcase
website

9. This is how you can
contribute to Joomla!

10. https://joomla-
showcase.octopoos-
dev.com/

11. This is how you can
contribute to Joomla!

12. What Are We Testing?
• Perceivable
• Operable
• Understandable
• Robust

13. Perceivable
• 1.1 Text alternatives, readable
• 1.2 Text based alternatives for video and audio
• 1.3 Create content that can be presented in
different ways (simpler layout) without losing
information or structure.
• 1.4 See and hear content including
separating foreground from background.

14. Operable
• 2.1 Keyboard functional
• 2.2 Time to read and use content.
• 2.3 Do not design content in a way that is known
to cause seizures.
• 2.4 Help users navigate, find content,
and determine where they are.

15. Understandable
• 3.1 Make text content readable and
understandable.
• 3.2 Make Web pages appear and operate in
predictable ways.
• 3.3 Help users avoid and
correct mistakes.

16. Robustness
• Make sure it works on any user agent

17. What Are We Testing Today?
• 1.1 Images and alternative text
• 1.4 Colour Contrast
• 2.1 Keyboard navigation
• 3.3 Labels, error handling
• Semantics, H1, H2, H3 etc

18. Joomla has WAI-ARIA landmarks

19. How Are We Testing?
• Screen readers, NVDA
• Page testing scripts
• Manual testing

20. http://www.nvaccess.org/

21. http://squizlabs.github.io/HTML_CodeSniffer/

22. Colour Contrast Analyser for Mac

23. Report It
• Got to Github and report what you find!
https://github.com/joomla/joomla-websites/

24. Lets make it happen!

25. Resources
• WCAG 2.0 Guidelines
• WCAG 2.0 Quick Reference
• WebAIM Checklist Summary