Link Type Indicators Tip: While not required by accessibility guidelines, it is a good idea to inform users when a link goes to non-HTML content (such as a PDF file or Word document). It can be frustrating to activate a link and then realize that the link requires an external program or viewer. An icon (with appropriate alternative text) or text, such as "(PDF)", is sufficient. It is vital that the link type indicator icon or text be placed within the link, otherwise this information is readily available to sighted users, but not presented as part of the link for screen reader users.
Github website: Progressively enhanced ARIA accordions
Smashing Magazine: Stop Designing for Only 85% of Users: Nailing Accessibility in Design
What I've learned about motor impairment - SimplePrimate Thoughts on how websites and apps can better address the needs of those with a wide range of motor impairments.
The Paciello Group Inclusive Design Principles
Teach Access Initiative - https://teachaccess.github.io/tutorial/
Web Browser Tools for Testing Accessibility:
Vischeck's Color Blindness Checker: http://www.vischeck.com/
Web Accessibility Toolbar - Accessibility toolbar for Internet Explorer
Accessibility Evaluation Toolbar - Accessibility Evaluation Toolbar for Mozilla Firefox
Color Contrast Analyzer for Firefox - Color contrast analyser for Firefox (PC and Mac)
Fangs - Text-reader emulator for Firefox (PC and Mac)
NCDAE video: Identifying Web Accessibility Issues
Web Sites for Testing Accessibility:
W3C HTML Validator - Validates your HTML coding
W3C Link Checker - Checks to see if there are any broken links
W3C CSS Validator - Validates your Cascading Style Sheet code
WCAG Contrast checker - Checks for compliance with the contrast levels, brightness and shine in the color combination of foreground and background of textual content based on the requirements of WCAG 1 and WCAG 2.
Colour Contrast Check - Web page for testing foreground and background color choices
Cynthia Says Portal - Online Web accessibility evaluation tool
WAVE - Online Web accessibility evaluation tool
AChecker - Online Web accessibility evaluation tool
Other information for Website Accessibility:
Alt Text resources
Fact sheet and other resources: https://www.accessibilityoz.com/factsheets/interactive-maps/
- Some important aspects of accessible maps include keyboard focus, color and contrast, text within map needs to be able to resize.
- A good approach to alt text for maps is to say in the alt text the name of the map and then “long description follows image.” In the long description, take as much text as needed to describe the important aspects of the map.
- Different browsers and different screen readers will work differently in terms of accessing accessibility features. Don’t assume that if it works in one combination, that it will work in other combinations.
- To be accessible, all actions need to work with keyboard, mouse, or touch (phones/tablets).
- Maps.google.com is keyboard accessible.
- For more complex maps, use a table of data instead of a long description.