Accessibility Testing Overview for Joomla Showcase Wesbite
Transcript of Accessibility Testing Overview for Joomla Showcase Wesbite
![Page 1: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/1.jpg)
Twitter: @AstroboySoup
Accessibility Testinghttp://bit.ly/jbeat-a11ytesting
![Page 2: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/2.jpg)
Do you contribute back to the Joomla Project?
![Page 3: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/3.jpg)
–Crystal Harris
“I got a taste then got addicted. Plus, it's awesome knowing what you do helps shape the
future of the web.”
![Page 4: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/4.jpg)
-Michael Babker
“Some one promised cookies.”
![Page 5: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/5.jpg)
–Peter Bui
“To give back to something that has given me the freedom and opportunity to do what I want
with my life”
![Page 6: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/6.jpg)
Sign up on this website and bookmark this
page…
![Page 7: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/7.jpg)
Please go here: https://github.com/
joomla/joomla-websites
![Page 8: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/8.jpg)
We’re going to test the new Joomla Showcase
website
![Page 9: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/9.jpg)
This is how you can contribute to Joomla!
![Page 11: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/11.jpg)
This is how you can contribute to Joomla!
![Page 12: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/12.jpg)
What Are We Testing?
• Perceivable
• Operable
• Understandable
• Robust
![Page 13: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/13.jpg)
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.
![Page 14: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/14.jpg)
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.
![Page 15: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/15.jpg)
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.
![Page 16: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/16.jpg)
Robustness
• Make sure it works on any user agent
![Page 17: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/17.jpg)
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
![Page 18: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/18.jpg)
Joomla has WAI-ARIA landmarks
![Page 19: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/19.jpg)
How Are We Testing?
• Screen readers, NVDA
• Page testing scripts
• Manual testing
![Page 22: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/22.jpg)
Colour Contrast Analyser for Mac
![Page 23: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/23.jpg)
Report It
• Got to Github and report what you find! https://github.com/joomla/joomla-websites/
![Page 24: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/24.jpg)
Lets make it happen!
![Page 25: Accessibility Testing Overview for Joomla Showcase Wesbite](https://reader031.fdocuments.us/reader031/viewer/2022022414/588a65751a28ab7a768b72f9/html5/thumbnails/25.jpg)
Resources
• WCAG 2.0 Guidelines
• WCAG 2.0 Quick Reference
• WebAIM Checklist Summary