Twitter: @AstroboySoup

Accessibility Testinghttp://bit.ly/jbeat-a11ytesting

Do you contribute back to the Joomla Project?

–Crystal Harris

“I got a taste then got addicted. Plus, it's awesome knowing what you do helps shape the

future of the web.”

-Michael Babker

“Some one promised cookies.”

–Peter Bui

“To give back to something that has given me the freedom and opportunity to do what I want

with my life”

Sign up on this website and bookmark this

page…

Please go here: https://github.com/

joomla/joomla-websites

We’re going to test the new Joomla Showcase

website

This is how you can contribute to Joomla!

https://joomla-showcase.octopoos-

dev.com/

This is how you can contribute to Joomla!

What Are We Testing?

• Perceivable

• Operable

• Understandable

• Robust

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.

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.

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.

Robustness

• Make sure it works on any user agent

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

Joomla has WAI-ARIA landmarks

How Are We Testing?

• Screen readers, NVDA

• Page testing scripts

• Manual testing

http://www.nvaccess.org/

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

Colour Contrast Analyser for Mac

Report It

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

Lets make it happen!

Resources

• WCAG 2.0 Guidelines

• WCAG 2.0 Quick Reference

• WebAIM Checklist Summary