Resources to Improve Digital Accessibility
Introduction to Web Accessibility
Screen reader software is designed to read online content aloud. Blind people no longer need to rely on others to read to them. They simply open a browser and interact with content independently, on their schedule, and as soon as the content is published.
People with motor disabilities interact with online content using assistive devices that map their abilities to their hardware. Some are simple, like a mouth wand to interact with the keyboard. Others are more sophisticated, such as alternative keyboards, or eye-tracking software that allows people to use a computer with nothing more than eye movements.
Helpful Accessibility Articles
Tips on making your site available to every person and every device: from networked gadgets to screen readers, desktop browsers to web-enabled TVs. ARIA and progressive enhancement. Contrast is king. The accessibility of WAI-ARIA. Deafness and the user experience. The inclusion principle. Accessibility via web standards. WAI in on WCAG.From A List Apart
Accessibility Best Practices for Designers, Developers
This checklist highlights the main accessibility points, emphasizing concise, “do this” descriptions, grouped per role.From Jay Nemchik
From Smashing Magazine
At Smashing we believe a good website is an accessible website, one which is available to everyone, no matter how they browse the web. This guide highlights our content which can help you create more accessible sites and web applications.A Smashing Guide to Accessibility
Images and Alt Text
This decision tree describes how to use the alt attribute of the <img> element in various situations. For some types of images, there are alternative approaches, such as using CSS background images for decorative images or web fonts instead of images of text.
If an image does require alternative text (after reviewing the decision tree), the next step is crafting alternative text to describe the image. Siteimprove has a helpful blog post titled How to Write Great Alt Text.
Designing for accessibility is not that hard
Design Patterns from BBC GEL
Patterns are a simple, reusable solution to a design problem.The BBC’s Global Experience Language UX&Design Team
Code Examples from my colleague, Christina Adams
- A search field example
- Form and Validation Example
- Shopping Cart Live Example
- Screen Reader Testing Page
Adobe’s Accessible Mega Menu
A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin.From Adobe
Bookmarklets for Accessibility Testing
Accessible Brand Colors color palette tool
This tool shows you how ADA compliant your colors are in relation to each other. By adding your brand’s colors on the right, you can generate a chart to see how they can be used together for accessibility, and find similar colors that work better.Created by Use All Five – a Los Angeles-based design and technology studio that creates brand identities and digital experiences across spaces and screens.
Giving a Damn about Accessibility
Stark suite for Adobe XD, Sketch, and Figma
The suite of integrated accessibility compliance tools for software teams.From Stark
Writing for Web Accessibility
This page introduces some basic considerations to help you get started writing web content that is more accessible to people with disabilities. These tips are good practice to help you meet Web Content Accessibility Guidelines (WCAG) requirements.From W3C Web Accessibility Initiative (WAI)
Helperbird Chrome Extension
Helperbird is a browser extension that gives you the features to make more web more accessible and productive to your needs. Providing you features like dyslexia fonts, change the font & background color, text to speech with natural voices, overlays, dyslexia rulers, immersive reader, reader mode, and much more to tailor the web to your needs.From Helperbird: Accessibility & Dyslexia Software
The Legal Side of Digital Accessibility
Lainey is a disability rights lawyer and an author. For twenty-five years she has focused on technology and information access issues for blind people. Lainey worked on the first legal agreements in the country about Talking ATMs and web access. Instead of filing lawsuits, Lainey uses Structured Negotiation. It is a strategy that focuses on problem solving. With this method, she brings together disabled people, businesses and governments. Together, they work to make tech available to everyone. Lainey is a public speaker who has been honored for her work.The Law Office of Lainey Feingold