Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/Owlbertz/a11y-collection

Collection of resources to improve accessibility of the web.
https://github.com/Owlbertz/a11y-collection

List: a11y-collection

a11y accessibility awesome-list collection

Last synced: 16 days ago
JSON representation

Collection of resources to improve accessibility of the web.

Host: GitHub
URL: https://github.com/Owlbertz/a11y-collection
Owner: Owlbertz
Created: 2016-08-29T06:12:13.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2018-08-15T06:39:00.000Z (over 6 years ago)
Last Synced: 2024-05-19T22:42:46.544Z (7 months ago)
Topics: a11y, accessibility, awesome-list, collection
Homepage:
Size: 39.1 KB
Stars: 7
Watchers: 2
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- Contributing: contributing.md

Awesome Lists containing this project

ultimate-awesome - a11y-collection - Collection of resources to improve accessibility of the web. (Other Lists / Monkey C Lists)

README

        # a11y-collection

Collection of documentations, descriptions and best practices for a better website Accessibility and Universal Usability.

For the time being this is a flat list of links. In the future, I plan on creating an easy to browse structure that helps finding relevant information and examples easier, sorted by the most popular components and topics.

## Components

The [components folder](components/) contains an overview of commonly used components and design patterns. Each component is described with an example HTML snippet, important things to consider when implementing JavaScript and links for further information.

## Links

### Guidelines

Guidelines and standards that define Accessibility.

- [W3C WAI-ARIA](https://www.w3.org/TR/wai-aria/)

- [Section 508](https://www.section508.gov/) (US)

- [BITV](http://www.bitvtest.eu/bitv_test/intro/overview.html) (Germany)

### Tests

Tools, guidelines and success criteria to evaluate the accessibility of websites.

- [W3C WCAG 2.0 Requirements](https://www.w3.org/WAI/WCAG20/quickref/)

- [W3C Web Accessiblity Evaluation Tool List](https://www.w3.org/WAI/ER/tools/)

- [WebAIM: Color Contrast Checker](http://webaim.org/resources/contrastchecker/)

- [WebAIM Wave: Website Accessibility Checker](http://wave.webaim.org/)

- [Karl Groves: The 6 Simplest Web Accessibility Tests Anyone Can Do](http://www.karlgroves.com/2013/09/05/the-6-simplest-web-accessibility-tests-anyone-can-do/)

- [Paciello Group: Accessibility Viewer](https://www.paciellogroup.com/resources/aviewer/)

- [Google: Chrome Accessibility Developer Tools](https://chrome.google.com/webstore/detail/accessibility-developer-t/fpkknkljclfencbdbgkenhalefipecmb?hl=en)

- [aXe: Automated Accessibility Tests](https://github.com/dequelabs/axe-core)

- [A11y Project Checklist](http://a11yproject.com/checklist.html)

- [508 Checker](http://www.508checker.com/)

- [AS Lint](https://www.aslint.org/)

- [pa11y](https://github.com/pa11y/pa11y)

- [ally.js](https://github.com/medialize/ally.js)

- [Siteimprove Accessibility Checke](https://chrome.google.com/webstore/detail/siteimprove-accessibility/efcfolpjihicnikpmhnmphjhhpiclljc) (Chrome plugin)

### Screen Reader

- [ChromeVox](http://www.chromevox.com/) (Chrome Plugin)

- [JAWS](http://www.freedomscientific.com/Products/Blindness/JAWS) (Windows)

- [NVDA](http://www.nvaccess.org/download/) (Windows - Free)

### Colors

- [Creating accessible color palettes](https://medium.com/confrere/automatically-creating-an-accessible-color-palette-from-any-color-sure-e735c3f2f45e)

### Examples

Examples and best practices to create accessible components and websites.

- [Open Ajax](http://www.oaa-accessibility.org/)

- [Niclas Hoffmann](http://a11y.nicolas-hoffmann.net/)

- [Deque University](https://dequeuniversity.com/library/)

- [W3C WAI-ARIA Practices](https://www.w3.org/TR/wai-aria-practices-1.1/)

- [eBay Mind Patterns](https://ebay.gitbooks.io/mindpatterns/content/) ([Code examples](http://ianmcburnie.github.io/mindpatterns/))

- [Heydonworks ARIA Examples](http://heydonworks.com/practical_aria_examples/)

- [A11y Project Patterns](http://a11yproject.com/patterns.html)

- [Frend](https://frend.co/)

- [Accessibility Matters - Patterns](http://www.a11ymatters.com/patterns/)

## Further Reading

Articles dealing with Accessibility and Usability.

- [Accessibility: Proven, easy integration into design and development workflows](http://www.slideshare.net/iamjolly/accessibility-proven-easy-integration-into-design-and-development-workflows)

- [Deque: The Essential Guide to Digital Accessibility](http://www.deque.com/blog/infographic-essential-guide-digital-accessibility/)

- [Google: Ressources for developers and publisher](https://www.google.com/accessibility/for-developers.html)

- [Mozilla: Accessibility](https://developer.mozilla.org/en-US/docs/Web/Accessibility)

- [Writing JavaScript with accessibility in mind](https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9#.vymga7mf4)

- [Incluse Design Patterns (Book)](https://www.smashingmagazine.com/inclusive-design-patterns/)

- [ESPN Web Accessibility Guide](http://www.espn.com/core/toolkit/page/webAccessibilityGuide)

- [A developers guide to accessibility](https://www.24a11y.com/2017/a-developers-guide-to-better-accessibility/)

- [Accessibility Matters - Articles](http://www.a11ymatters.com/articles/)

## Contributing

Pull Requests that add more resources are very welcome.