Accessibility compendium

What is accessibility?

Broadly speaking, when we say a site is accessible, we mean that the site's content is available, and its functionality can be operated, by literally anyone. As developers, it's easy to assume that all users can see and use a keyboard, mouse, or touch screen, and can interact with your page content the same way you do. This can lead to an experience that works well for some people, but creates issues that range from simple annoyances to show-stoppers for others.

Ok, but show me examples

Focus

https://developers.google.com/web/fundamentals/accessibility/focus/

Semantics

https://developers.google.com/web/fundamentals/accessibility/semantics-builtin/

ARIA

https://developers.google.com/web/fundamentals/accessibility/semantics-aria/

Styling

https://developers.google.com/web/fundamentals/accessibility/accessible-styles

Accessibility review

https://developers.google.com/web/fundamentals/accessibility/how-to-review

Resources

• Google on Accessibility
• Invision on accessibility
• Mozilla ARIA docs
• Accessibility videocourse
• Udacity videocourse repo
• Writing Javascript for everyone
• Testing Accessibility

Tools/Extensions

• Alix (Testing)
• WhatInput? (Utility to track input method)
• Axe (Testing, not the grooming company)
• Sim Daltonism (color blindness simulator)