Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/awesomelistsio/awesome-web-accessibility
- Owner: awesomelistsio
- Created: 2024-08-18T02:41:44.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-03T02:37:41.000Z (about 2 months ago)
- Last Synced: 2024-11-22T20:02:03.626Z (29 days ago)
- Topics: awesome, awesome-list, awesome-lists, web-accessibility
- Language: Python
- Homepage: https://github.com/brandonhimpfen/awesome
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - awesome-web-accessibility - A curated list of awesome resources, tools, and tips to improve web accessibility. (Other Lists / PowerShell Lists)
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/)