Don’t style :checked and :focus states identically – here’s why – Accessibl

A11y
aom/explainer.md at gh-pages · WICG/aom
Accessibility Object Model. Contribute to WICG/aom development by creating an account on GitHub.
Web Accessibility Checklist - The A11Y Project
A beginner's guide to digital accessibility.
The web accessibility basics - Marco's Accessibility Blog
I’ve been asked again and again over the years what the absolute basics of web accessibility are. And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on
WCAG 2.0 checklist - a free and simple guide to WCAG 2.0
Having a handy WCAG checklist is brilliant when you’re working through the guidelines. See all the guidelines in order here, from Level A to AAA.
Accessibility for Visual Design | UX Booth
They say beauty is in the eye of the beholder. As designers, we need to remember that the same is true of color, and all visual abilities. UX Booth author and visual UX designer Nick Babich has a list of how-tos, to help make every design both beautiful and usable.
Colorblind Accessibility on the Web – Fail and Success Cases - Axess Lab
It's Colorblind Awareness Day today! To celebrate, we raise awareness by giving you some practical examples of how design can hurt or help users with…
Neues in ARIA 1.1 #5 – Mit aria-owns die Hierarchie von Elementen anpassen
The Accessibility Cheatsheet
We all know that accessibility is important. The problem is, it is not always clear what exactly we can do to make our sites more accessible. The Web Accessibility Initiative created some Web Content Accessibility Guidelines (WCAG) targeted at us, web content developers, to create more accessible websites. The WCAG
Stop Designing For Only 85% Of Users: Nailing Accessibility In Design – Sma
The visual interface is an obvious place to begin digging into accessibility. In this article, we’ll discuss some of the most common visual impairments, focusing on color-blindness to explain how you can make small changes to your workflow and products to ensure you’re not alienating users.
A framework to create an accessible and harmonious color system for faster
Enabling design & development teams to use colors deliberately for improved consistency in product
CSS generated content is not content – Karl Groves Web Accessibility Consul
The Tenon.io blog
WebAIM: Screen Readers and CSS: Are We Going Out of Style (and into Content
What’s New in WCAG 2.1 | Adrian Roselli
I field questions pretty regularly about what is coming in WCAG 2.1. I have offered links to the spec, pointers to W3C mailing list email, references to other posts (most recently David MacDonald’s post that looks at the same version as this post), but have avoided gathering them in one…
Designing for Accessibility, Step 1: Color Contrast
The A11Y Project puts it best, and most bluntly: “Accessibility is hard.” If you’re feeling lost, start with color contrast.
Why isn't your website accessible? The top 5 (inexcusable) excuses | Perkin
Don't leave anyone out who wants to learn about your products or services.
Accessibility Primer Part 0: Glossary
What is accessibility and why does it matter? Part 0 of a series introducing accessibility, assistive devices and technology, inclusive design, and web accessibility standards and tools. Will include asides on why language matters, the medical vs social models of disability, why Comic Sans isn't the worst thing ever, and fun with acronyms - WCAG, POUR, ARIA and more! Glossary will be updated as the series develops.
HTML For Screen Readers - Labelling Elements
To screen readers, a lot of the visual information that is presented on a webpage is lost. Because of this, we need to specifically provide information to them that may be obvious to a person looking at the page. One common way people define information specifically for screen readers is
Slides: Accessibility as a focus for people-first design | The Paciello Gro
Web Accessibility Tutorials Updated | W3C News
GOV.UK Focus Styles - Accessibility Wins, curated by Marcy Sutton
The award for most-visible focus styles goes to GOV.UK. The bright orange background color provides better-than-average contrast against the default background and text colors. It’s very consistent across the UI: clicking in an input field sets a visible border in the same color, well executed because there is no shift in layout (CSS outline for the win!).
What is the Accessibility Tree? - html5 Video Tutorial #free @eggheadio
Coding for accessibility? You should get familiar with the accessibility tree, a structure produced by platform Accessibility APIs running parallel to the DOM, which exposes accessibility information to assistive technologies such as screen readers. There are multiple tools for visualizing this tree; in this lesson we'll look at Chrome and Microsoft Edge. For more on Accessibility APIs, refer to this amazing article by Leonie Watson. For a how-to on setting up the Chrome Accessibility Inspector, visit bit.ly/chrome-a11y.
Hating Comic Sans Is Ableist
It’s cool to hate comic sans. But it’s also problematic.
ARIA schlägt HTML – Aria-label bei verlinkten Grafiken | hellbusch.de
Getting Started with VoiceOver & Accessibility - a11y, accessibility, ARIA,
If you are a web developer working on a Mac, you can become a hero for thousands of people out there by assuring that anything you create for the web can be read properly by a screen reader. This blog post is going to teach you how to access and wield this super power that is built into the OS you use everyday.
Writing JavaScript with accessibility in mind – Medium
Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your…
The importance of web standards and design for accessibility | hiddedevries.nl
Notes from the Inclusive Design and Accessibility meetup, 20 February 2017 in Amsterdam.
How to Design for Color Blindness
Color blindness or color vision deficiency (CVD) affects around 1 in 12 men and 1 in 200 women worldwide. This means that for every 100…
Avoid Default Browser Focus Styles | Adrian Roselli
It is not uncommon to see developers and designers forego creating focus styles for controls on web sites and applications. For those who are aware of the need for the focus styles, the most common reason I hear for excluding them is that the browser provides focus styles by default…
Android App Accessibility Checklist
Developers and designers of mobile applications must always focus on ensuring accessibility for vision and hearing impaired users. This article will