Accessibility

All the tools, tips and resources your need to build and check the color accessibility and color constrast of digital products!

Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues.

David MacDonald, CanAdapt offers WCAG Training,Testing ARIA-LIVE with display:none and innerHTML- David MacDonald Web Accessibility Blog, testing, teaching, and discussion, WCAG accessibility audits and accommodation of employees with disabilities.

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.

Pa11y is your automated accessibility testing pal.

Help us a build a digital world for everybody. Apply an accessible approach to your design, development, and testing. We'll guide you & show you how using an accessibility first approach empower us all.

Léonie Watson - On technology, food & life in the digital age

Download Axe Developer Tools for Firefox. Add accessibility auditing to the Firefox Developer Tools

Accessibility Checker for Developers in Chrome

Evaluate web accessibility within the Chrome browser.

Automatic website accessibility checker: test WCAG 2 and Section 508 on Mac, Windows and Cloud. Try now - free online demo.

For people with impaired vision, we are required to ensure that there is a minimum amount of contrast between our foreground and background colors. formulas for determining optimum color contrast. W3C's specification on color contrast... hp color palette. style sheet text colors. style sheet text colors.

A macOS app for quick access to WCAG color contrast ratios.

http://front-trends.com/ Understanding accessibility mechanics is the key to good interface design. Using ARIA to manipulate the browser’s accessibility tree means you can create interfaces in HTML, SVG and even Web Components that are accessible to assistive technologies, without compromising on functionality or design. Slides: http://www.slideshare.net/LeonieWatson/aria-accessibility-apis-coding-like-you-give-a-damn-2015

For decades, the spaces we live in have been built by consensus. Planners, architects, councils, consultation; and always the watchful eye of the regulators and elected officials. But the world's favourite digital spaces are largely in the hands of people like you and me. We have to oversee ourselves—and it's not going very well. Are we focusing on the right problems? Or just aggrandising the mundane? How do we know what the right problems are? How can we guide ourselves to appreciate the cultural and personal impact of the decisions we make? It's time for our industry to become ethically a...

A GUI desktop app to find Accessibility problems in webpages. Tool for Web Developers.

Solve accessibility issues before they reach your customers.

Learn how to build inclusive web applications and Single Page Apps in modern JavaScript frameworks. This project collects strategies, links, patterns and plugins for React, Vue and Angular.

An example HTML5 document

The book (ePub and PDF) examines common web UI patterns through the lens of inclusion. The aim is to find more accessible and robust solutions for the patterns we author every day.

As journalists, advertisers, producers, and creators, content is at our core at Vox Media. We want to ensure that everyone—regardless of ability, situation, or context—can access it.

This jQuery plugin will provide you a simple and accessible dialog tooltip window using ARIA.

a11y-resources - :book: Accessibility resources - Ressources accessibilité