Dear participant to Code Institute x Trust In SODA Hackathon 👩💻👨💻, Accessibility Edition.
First and foremost: 🎊CONGRATULATION🎊 in taking that challenge and particpating in this Hackathon! This is a great opportunity to learn 👩🏫👨🏫 and work with a team for an inspiring project. I hope you will enjoy that experience!
Secondly, 🌳Ecosia🌳 and myself are incredibly proud to participate as judge, and supporting your journey in this little adventure with some resources. All the documents, links and resources you will find here have been shared and used by our internal team dedicated to A11y and accessibility. We hope this will be helpful to you as much as they have been (and still are) useful to us!
- A folder with essential design for accessibility principles, shown as image. Very clear to understand!
- This README with a list of resources
- A short presentation of Accessibility at 🌳Ecosia🌳
The following links are food for thoughts, to give you more perspectives on the importance of accessibility
- What are Equivalent experiences?
- Short discussions with disabled people about the barriers they encounter on the web (~8min by episode, good resource to get ideas for projects): Series: A11y Rules Soundbite
- The A11y Project and their library of many resources
- Highlight on their Vision simulator resources, to put you in the shoes of visually impaired users
- What Non-Disabled People Get Wrong About Accessibility
- Official website for web accessibility initiative: https://www.w3.org/
- Resources specific to Devs: https://www.w3.org/WAI/roles/developers/
- Resources specific to testing: https://www.w3.org/WAI/roles/testers/
- GREAT list on Github around A11y Awesome A11y
- The PRACTICE of inclusive design, extract from this year’s Apple Developer Conference WWDC
- The PROCESS of inclusive design, extract from this year’s Apple Developer Conference WWDC
- Accessible Color Standards - Designing in the Browser
- Talk hosted by the accessibility team at gov.uk
- Resources specific to Designers: https://www.w3.org/WAI/roles/designers/
- Open source color tool helping you picking the right color for good contrast ratio
- Test the contrast of your website with Color.A11y
Here is an non-exhaustive list of assistive tech that disabled people might use to access your site or app:
- ablenetinc.com
- Devices specifically for iOS and Apple IAccessibility
- Boundlessat
- RehabMart have video demos of some of the AT which is very informative
- How accessibility trees inform assistive tech
Original list ☝ was shared by Crystal Preston-Watson. We highly recommend you to follow her if you are interested in A11y work!
- Introduction to Accessibility Insights for Web
- Offline speech recognition and speaker identification for mobile applications Alphacephei
- Android Accessibility — Where to start? article with suggestion of tools and advice
- Accessibility checklist used by Duet’s core team when developing new features
- Static AST checker for accessibility rules on elements in .vue: Plugin Vue a11y
Evaluate the accessibility of your web content How to use it? Click the wave extension button → “run analysis” Link for Chrome, link for Firefox
Runs accessibility test on your page How to use it? Right click on the web page you want to analyse → “Inspect” → in the tabs click “axe” → “run analysis” Link for Chrome, link for Firefox
Accessibility Club community:
People to follow:
- Crystal Preston-Watson, Quality and Accessibility Engineer
- Marcy Sutton, independent web developer and accessibility advocate
- Eric Bailey, part of The A11y Project
- Eric Eggert, Director of Accessibility Services at Knowbility
- Christina Papadimitriou, Accessibility Specialist/Senior Digital Expert @Atos
HAPPY HACKING