A11y

It's within the Document Object Model (DOM) that we find one of the keys to building accessible things for the web: the document.

The rationale for organizations to address accessibility. It includes tangible and intangible benefits, and the risks of not addressing accessibility adequately.

A primer on appropriately using aria-hidden='true' and role='none/presentation'. They each do very different things to elements, but their purposes are somet...

How does a colorblind designer work with color? Not with his eyes! Instead David relies on reading color hex codes. He shares his process into understanding those six-digit codes and related insights into human vision, computer history, and digital color.

Sometimes the thing that makes a website difficult to understand for a screen reader user is the absence of information, and that is a problem that is not identified in automated scans.

Scott O’Hara returns, not with prose, but with a little history on the title attribute, it’s unintended misuse by developers, and where it can and should be used to improve the accessibility on your website.

The Tenon.io blog

Improving accessibility for web pages

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.

Another message to my past self, this time on the importance of accessibility, how to achieve it, and how to test it.

You’re wrapping up a web project and just as you’re putting the finishing touches you get sent a list of accessibility errors forwarded to…

» Screenreader support for text-level semantics

A guideline to accessibility testing, from tools to workflows, by Rian Rietveld. This talk was originally presented at WCUS 2017, as 'Accessibility testing, tools and workflow.'

A community-driven effort to make digital accessibility easier.

At work I have been optimizing one of the sites I have helped developed for one of our clients (I can't say who) for be ADA compliant using WAI-ARIA attributes. I've been wondering if it wouldn't j...

While most browsers work all right with the new semantic elements of HTML5, they don’t add the ARIA accessibility attributes that the specification demands. This small JavaScript adds those attribu...

The ARIA switch role is functionally identical to the checkbox role, except that instead of representing "checked" and "unchecked" states, which are fairly generic in meaning, the switch role represents the states "on" and "off."

Accessibility of web content requires semantic information about widgets, structures, and behaviors, in order to allow assistive technologies to convey appropriate information to persons with disabilities. This specification provides an ontology of roles, states, and properties that define accessible user interface elements and can be used to improve the accessibility and interoperability of web content and applications. These semantics are designed to allow an author to properly convey user interface behaviors and structural information to assistive technologies in document-level markup. T...

Here's a simple example: we want to animate a container open and closed, perhaps as part of an expand/collapse treatment. .acc-demo-1 { height:40px; padding:10px; overflow:hidden; transition:0.5s all; } .acc-demo-1.hidden { height:0px; padding:0px …

Screen reader compatibility for HTML tables, showing how failures and techniques work in specific screen reader / browser combinations.