Download as PDF, PPTX
![“I am comfortably satisfied that his [the plaintiff]
limited access to the web site caused him
considerable feelings of hurt, humiliation and
rejection. One cannot overstate the consequential
effect upon him of his having to cope with the
persistent need to counter what he saw as a
negative, unhelpful and dismissive attitude on the
part of an organization charged with the presentation
of the most notable sporting event in the history of
this country.”](https://image.slidesharecdn.com/guide-to-building-accessible-websites-151107071202-lva1-app6891/85/A-Guide-to-Building-Accessible-Websites-for-Joomla-12-320.jpg)
Uploaded byPeter Bui
A Guide to Building Accessible Websites for Joomla
The document is a guide to building accessible websites, emphasizing the importance of web accessibility for individuals with disabilities. It outlines the WCAG 2.0 guidelines, detailing criteria for making web content perceivable, operable, understandable, and robust. It also encourages a mindset shift to prioritize accessibility during the design process rather than treating it as an afterthought.
More Related Content
Similar to A Guide to Building Accessible Websites for Joomla
A Guide to Building Accessible Websites for Joomla
- 1. Twitter: @AstroboySoup Guide toBuilding Accessible Websites http://bit.ly/jbeat-a11ytesting
- 2. I’m Peter I’m aCommunity Leadership Team Member I Podcast on Joomla Beat & Manage a team of designers & developers
- 3. Joomla Yogis Joomla WorldConference 2014
- 4.
- 5. What is Accessibility? •Web accessibility refers to the inclusive practice of removing barriers that prevent interaction with, or access to websites, by people with disabilities. When sites are correctly designed, developed and edited, all users have equal access to information and functionality.
- 7.
- 8. No one isthe same
- 9. Diversity We’re a mixedbunch of people from around the world, different languages, different cultures. No one is the same. We are unique and beautiful.
- 10.
- 11.
- 12. “I am comfortablysatisfied that his [the plaintiff] limited access to the web site caused him considerable feelings of hurt, humiliation and rejection. One cannot overstate the consequential effect upon him of his having to cope with the persistent need to counter what he saw as a negative, unhelpful and dismissive attitude on the part of an organization charged with the presentation of the most notable sporting event in the history of this country.”
- 13.
- 14. High Court ofAustralia First Federal Government Joomla Website to meet WCAG 2.0 A
- 15. How Do YouMake a Website Accessible? • Understanding WCAG 2.0 Success Criterion • Proper coding practises, semantics, aria tags • Accessible Design Patterns • Accessibility Testing
- 16. WCAG 2.0 Guidelines •Perceivable • Operable • Understandable • Robust
- 17. Perceivable • 1.1 Textalternatives, 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.
- 19. Operable • 2.1 Keyboardfunctional • 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.
- 20. Understandable • 3.1 Maketext content readable and understandable. • 3.2 Make Web pages appear and operate in predictable ways. • 3.3 Help users avoid and correct mistakes.
- 21. Robustness • Make sureit works on any user agent
- 22.
- 23. I want tochange your perspective on accessibility.
- 24. Web accessibility isa mindset not a checklist
- 25.
- 30. It’s not hardto do
- 31. We should lookat accessibility as a part of the process, not an after thought
- 32. Everything we design andbuild can be accessible.
- 33. It’s a matterof understanding
- 34. Do you contributeback to the Joomla Project?
- 35. Sign up onthis website and bookmark this page…
- 36.
- 37. We’re going totest the new Joomla Showcase website
- 38. This is howyou can contribute to Joomla!
- 39.
- 40. What Are WeTesting? • Perceivable • Operable • Understandable • Robust
- 41. What Are WeTesting 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
- 42. Joomla has WAI-ARIAlandmarks
- 43. How Are WeTesting? • Screen readers, NVDA • Page testing scripts • Manual testing
- 44.
- 45.
- 46. Colour Contrast Analyserfor Mac
- 47. Report It • Gotto Github and report what you find! https://github.com/joomla/joomla-websites/
- 48. Lets make ithappen!
- 49. How do weknow how to code things to make them accessible?
- 50.
- 51. Resources • WCAG 2.0Guidelines • WCAG 2.0 Quick Reference • WebAIM Checklist Summary