Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/awesomelistsio/awesome-web-accessibility

A curated list of awesome resources, tools, and tips to improve web accessibility.
https://github.com/awesomelistsio/awesome-web-accessibility

List: awesome-web-accessibility

awesome awesome-list awesome-lists web-accessibility

Last synced: 28 days ago
JSON representation

A curated list of awesome resources, tools, and tips to improve web accessibility.

Awesome Lists containing this project

README

        

# Awesome Web Accessibility [![Awesome Lists](https://srv-cdn.himpfen.io/badges/awesome-lists/awesomelists-flat.svg)](https://github.com/brandonhimpfen/awesome)

[![Ko-Fi](https://srv-cdn.himpfen.io/badges/kofi/kofi-flat.svg)](https://tinyurl.com/d4xnrptz)   [![PayPal](https://srv-cdn.himpfen.io/badges/paypal/paypal-flat.svg)](https://tinyurl.com/mr22naua)   [![Stripe](https://srv-cdn.himpfen.io/badges/stripe/stripe-flat.svg)](https://tinyurl.com/e8ymxdw3)

> A curated list of awesome resources, tools, and tips to improve web accessibility.

## Contents

- [General Resources](#general-resources)
- [Guidelines & Standards](#guidelines--standards)
- [Accessibility Testing Tools](#accessibility-testing-tools)
- [Designing for Accessibility](#designing-for-accessibility)
- [Accessible Components & Libraries](#accessible-components--libraries)
- [Articles & Tutorials](#articles--tutorials)
- [Books](#books)
- [Courses & Certifications](#courses--certifications)
- [Podcasts](#podcasts)
- [Communities](#communities)
- [Conferences & Events](#conferences--events)

---

## General Resources

- [Web Accessibility Initiative (WAI)](https://www.w3.org/WAI/) - The W3C's Web Accessibility Initiative with comprehensive resources.
- [A11y Project](https://www.a11yproject.com/) - A community-driven effort to make web accessibility easier.
- [WebAIM](https://webaim.org/) - Articles, tutorials, and tools for web accessibility.

## Guidelines & Standards

- [WCAG 2.1](https://www.w3.org/TR/WCAG21/) - Web Content Accessibility Guidelines.
- [ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices/) - Best practices for implementing ARIA.
- [Section 508 Standards](https://www.section508.gov/create/standards) - Accessibility standards for federal websites in the United States.

## Accessibility Testing Tools

- [Axe](https://www.deque.com/axe/) - Accessibility testing tool that integrates with browsers.
- [Lighthouse](https://developers.google.com/web/tools/lighthouse) - Google's tool for auditing performance and accessibility.
- [WAVE](https://wave.webaim.org/) - Web accessibility evaluation tool by WebAIM.
- [Pa11y](https://pa11y.org/) - Automated accessibility testing tool.
- [Tenon](https://tenon.io/) - An API-based accessibility testing tool.

## Designing for Accessibility

- [Color Contrast Checker](https://webaim.org/resources/contrastchecker/) - Tool to check text color contrast against WCAG standards.
- [Inclusive Design Principles](https://www.inclusivedesigntoolkit.com/) - Practical advice for designing inclusive and accessible user interfaces.
- [Accessible Forms](https://www.smashingmagazine.com/2017/11/guide-accessible-forms/) - Guide on creating accessible forms.

## Accessible Components & Libraries

- [Inclusive Components](https://inclusive-components.design/) - Examples and tutorials for building inclusive, accessible components.
- [React Accessible Accordion](https://github.com/springload/react-accessible-accordion) - A React component that follows accessibility best practices.
- [Angular Accessibility](https://angular.io/guide/accessibility) - Accessibility guidelines for Angular applications.
- [A11y Dialog](https://a11y-dialog.netlify.app/) - A lightweight, accessible dialog component.

## Articles & Tutorials

- [Accessibility for Beginners](https://www.freecodecamp.org/news/accessibility-for-beginners/) - A beginner's guide to web accessibility.
- [How to Meet WCAG](https://www.w3.org/WAI/WCAG21/quickref/) - Quick reference guide on how to meet WCAG.
- [Accessible SVGs](https://css-tricks.com/accessible-svgs/) - Best practices for creating accessible SVGs.
- [Writing Accessible HTML](https://web.dev/accessible/) - How to write HTML that adheres to accessibility standards.

## Books

- *[Accessibility for Everyone](https://abookapart.com/products/accessibility-for-everyone)* by Laura Kalbag - A guide on making digital content accessible.
- *[Inclusive Design Patterns](https://inclusive-components.design/book/)* by Heydon Pickering - Strategies for designing accessible UI patterns.
- *[Designing for Accessibility](https://shop.smashingmagazine.com/products/designing-for-accessibility)* by Sarah Horton and Whitney Quesenbery - A comprehensive guide to designing accessible websites.

## Courses & Certifications

- [edX: Introduction to Web Accessibility](https://www.edx.org/course/web-accessibility-introduction) - A free course on the fundamentals of web accessibility.
- [Deque University](https://dequeuniversity.com/) - Comprehensive accessibility training and certifications.
- [Google's Web Accessibility Course](https://web.dev/accessible/) - Free course on accessibility best practices.

## Podcasts

- [A11y Rules Podcast](https://a11yrules.com/) - Conversations about web accessibility.
- [The A11y Project Podcast](https://a11yproject.com/podcast/) - Discussions on accessibility topics.
- [Accessible Design Podcast](https://www.designmattersmedia.com/shows/accessibility) - Focus on accessible design practices.

## Communities

- [WebAIM Mailing List](https://webaim.org/discussion/) - A mailing list for discussing web accessibility.
- [A11y Slack](https://a11y.slack.com/) - A Slack community for web accessibility professionals.
- [Accessibility on Stack Overflow](https://stackoverflow.com/questions/tagged/accessibility) - A community of developers focused on accessibility.

## Conferences & Events

- [CSUN Assistive Technology Conference](https://www.csun.edu/cod/conference/sessions/) - One of the largest accessibility conferences in the world.
- [Inclusive Design 24 (#ID24)](https://inclusivedesign24.org/) - A free online conference on inclusive design and accessibility.
- [Axe-con](https://www.deque.com/axe-con/) - A free virtual conference on digital accessibility.

## Contribute

Contributions are welcome!

## License

[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/by-sa.svg)](http://creativecommons.org/licenses/by-sa/4.0/)