https://github.com/5t3ph/a11y-fails

Find the fails, submit a PR with fixes. See link for live demo.
https://github.com/5t3ph/a11y-fails

a11y a11y-experiment a11y-testing demo

Last synced: 3 months ago
JSON representation

Find the fails, submit a PR with fixes. See link for live demo.

• Host: GitHub
• URL: https://github.com/5t3ph/a11y-fails
• Owner: 5t3ph
• Created: 2020-07-24T02:09:47.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2020-09-22T06:57:50.000Z (over 4 years ago)
• Last Synced: 2024-10-06T15:36:14.992Z (3 months ago)
• Topics: a11y, a11y-experiment, a11y-testing, demo
• Language: CSS
• Homepage: https://a11y-fails.netlify.app/
• Size: 45.9 KB
• Stars: 10
• Watchers: 1
• Forks: 2
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# a11y Fails

> An example of what not to do for accessibility.

[Review the live demo >](https://a11y-fails.netlify.app/)

Created by Stephanie Eckles ([@5t3ph](https://twitter.com/5t3ph))

## Find the fails!

How many accessibility (a11y) fails can you find?

There are fails of all the following:

- users with visual impairments

- users of assistive technology

- users with motion sensitivities

- users who perform keyboard interaction

Fork the repo and create a pull request to submit your fixes! You can use tools like aXe but be aware that _not all issues_ are detectable via tools.

For hints and to learn more about what it means to create accessible experiences, check out my article [Introduction to Web Accessibility](https://dev.to/5t3ph/introduction-to-web-accessibility-5cmp).

## Check your answers

See the pull request "[Suggested Fixes from 5t3ph](https://github.com/5t3ph/a11y-fails/pull/1)" which also includes links to WCAG and articles from accessibility experts to help understand "why" a change was necessary.

Comments included in the fix PR use the following key:

- ✅ Found with tools

- 🚩 False flag from tools given site context

- 🚨 Requires manual testing/review

- 🎨 Visual adjustment, not strictly a11y related

> Did you find something additional, or disagree with a fix? [Submit it as an issue >](https://github.com/5t3ph/a11y-fails/issues)

## Feedback welcome!

You can [file it as an issue](https://github.com/5t3ph/a11y-fails/issues).

[![Buy me a coffee](https://cdn.buymeacoffee.com/buttons/default-violet.png)](https://www.buymeacoffee.com/moderncss)