Skip to content

Expand Web Accessibility section with tools, guidelines, and learning resources #464

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
shibley wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Expand Web Accessibility section with tools, guidelines, and learning resources #464

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 18 additions & 0 deletions compatibility/web-accessibility.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,26 @@ Web accessibility means that people with disabilities can perceive, understand,
[![Twitter](https://img.shields.io/badge/follow-twitter-55acee.svg?style=flat-square)](https://twitter.com/FrontendDir)

-----------------------------------------

## Guidelines & Standards

+ **[Notes on Using ARIA in HTML](http://w3c.github.io/aria-in-html/)**: This document is a practical guide for developers on how to add accessibility information to HTML elements using the Accessible Rich Internet Applications specification.
+ **[WCAG 2.2 Quick Reference](https://www.w3.org/WAI/WCAG22/quickref/)**: The official W3C quick reference guide for Web Content Accessibility Guidelines 2.2, with filterable success criteria and techniques.
+ **[WAI-ARIA Authoring Practices](https://www.w3.org/WAI/ARIA/apg/)**: Design patterns and widgets demonstrating how to make common UI components accessible using WAI-ARIA roles, states, and properties.

## Community & Learning

+ **[The A11Y Project](http://a11yproject.com/)**: A community-driven effort to make web accessibility easier.
+ **[WebAIM](https://webaim.org/)**: Web accessibility in mind — articles, training, and resources for creating accessible websites.
+ **[Deque University](https://dequeuniversity.com/)**: Free and paid accessibility training courses covering WCAG, ARIA, and accessible development practices.

## Testing Tools

+ **[axe-core](https://github.com/dequelabs/axe-core)**: An open-source accessibility testing engine for automated WCAG compliance checking, used as the foundation for many browser extensions and CI/CD integrations.
+ **[WAVE](https://wave.webaim.org/)**: A free web accessibility evaluation tool by WebAIM that provides visual feedback about the accessibility of web content.
+ **[Pa11y](https://pa11y.org/)**: A set of open-source tools for automated accessibility testing, including a CLI runner and CI integration.
+ **[RatedWithAI](https://ratedwithai.com)**: AI-powered website accessibility scanner that checks for WCAG 2.2, ADA, and Section 508 compliance with detailed remediation guidance.
+ **[Lighthouse Accessibility Audit](https://developer.chrome.com/docs/lighthouse/accessibility/)**: Google Chrome's built-in accessibility auditing tool, powered by axe-core, that runs as part of Lighthouse performance reports.


------------------
Expand Down