Skip to content

Here are some of the best resources to start learning about accessibility and inclusive design.

Notifications You must be signed in to change notification settings

theappbusiness/where-to-learn-about-accessibility

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 

Repository files navigation

Where to learn about accessibility

Here are some of the best resources to start learning about accessibility and inclusive design.

We’ve included a wide range of formats and topics, often covering overlapping content.

Click on whichever piques your curiosity.

Please feel free to ask questions, raise issues and contribute.

Happy learning!

Good general introductions

Learning about the Web Content Accessibility Guidelines

The following resources cover the same guidelines (or sometimes more), but are written to be easier to read:

Learning about how people with disabilities use websites and apps

Learning about assistive technologies

Guides on how to test accessibility (which is everyone's job)

  • Accessibility Insights (Microsoft’s great browser extension guides you through manual web accessiblity testing. It also integrates Axe for the bits that can be tested automatically)

Getting your questions answered

  • #topic-accessibility on K+C’s Slack

  • #grp-topic-a11y on TAB’s or K+C’s Slack

  • Web-a11y.slack.com (Open to everyone. Ask @jfhector or anyone who’s already in to send you an invite)

  • #a11y on Twitter

  • You can also ask any question and get experts' answers quickly on WebAIM mailing list

Resources that require some knowledge about web development

Resources that require more knowledge about web development

Understanding ARIA and how to use it

  • Using ARIA is a great official W3C document that explains in plain, concrete language how ARIA works, and how to use ARIA without messing things up. It’s a much more engaging read than the ARIA specs.

  • ARIA in HTML is another short W3C document that explains ARIA semantics are implied by the different HTML elements, and what ARIA roles and attributes you can use on what HTML elements.

  • Michael Fairchild's a11ysupport.io is still in its early days but is the best support table available for ARIA roles and attributes

Understanding how to build accessible UI components

  • The ARIA Authoring Practices Guide is a great document that tells you how to implement a broad range of very common UI patterns (e.g. tabs, switches, toggles, dialog, feed, etc). Concretely, it tells you:
    • What keyboard support you need to implement to meet users’ expectations (which are largely set by how the same patterns are implemented in operating systems)
    • How to build these components using ARIA. (But be careful to read the document's 'Read me first' section if you intend to reuse these coding patterns as is)
Here are some great guides on how to design and code high-quality UI components

The following component examples are fully supported by browsers and screen readers today. They include more accessibility best practices than covered by the Web Content Accessibility Guidelines:

Guides or tutorials
Other components with good code annotations

Here are some other examples of highly accessible components:

About

Here are some of the best resources to start learning about accessibility and inclusive design.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published