A11y

When users of assistive technology, like a screen reader, navigate a web page, it’s vitally important that the semantic meaning of the various controls is communicated. For example, if a screen reader visits a login button: Sign in —it would announce, “Sign in,

Recently I wrote a bit on how I’d define a toast component, outlining UX concerns that should be considered if deciding to implement such a messaging mechanism.

Studying for the Web Accessibility Specialist Exam? Looking to learn about website accessibility? Sparkboxer Kasey created this easy-to-read guide to help.

Heather explains POUR, the foundational principles of WCAG 2.0, and gives practical steps you can take to make your website more inclusive and accessible.

Proposals for the Accessibility Object Model include a new way to convey semantics: without markup, directly in JavaScript. This post looks at the proposals and their current status.

The Accessibility Object Model - How does it work? And do I need to hate it? - Schepp/AOM

Semantic HTML and ARIA help create interfaces that work for everyone in the most performant, robust, and simple way possible. And yet, many people still don’t use them. Let's find out why and explain the benefits of these technologies.

TL;DR: In general, I recommend underlining links in body content. In the absence of a better style appropriate for a specific site, this is the way to go. Overview It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly,…

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

In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers.

The web was designed with built-in features to make accessibility possible; these have been part of the platform pretty much from the beginning. In recent times, inspectable accessibility trees have ...

By using ARIA’s role=

Happy Tax day (at least if you're American)! My last post was about my accessibility testing process. However, this week, I wanted to…

Content Warning: This blog post contains gifs. When I first wrote my post about JavaScript and Accessibility , I promised I would make it a…

An experiment that proves that automatic accessibility testing is only a first step and that manual testing is vital.

Some thoughts on seeing declarative component frameworks as a way to make the web more accessible, not less.

Audism, multi-modality and Section 508: We built a glossary based on local experts' suggestions of the terms they think everyone should learn.

Karwai Pun is an interaction designer currently working on Service Optimisation to make existing and new services better for our users. Karwai is part of an accessibility group at Home Office Digital, leading on autism. Together with the team, she’s created these …

How to hide inline SVG used for decorative icons from screen readers.

Before we begin, I want to level set that this is not an article about why you need to make images and SVG elements accessible. There are plenty of great re...

Mit der seit Ende 2018 für neue Internetauftritte und mobile Webanwendungen (Apps) gültigen EU-Richtlinie 2102 ist eine wichtige Zeitenwende eingetreten, auf die vielleicht viele Experten gewartet haben, die aber eine stark unterschätze Tragweite haben wird. Anders als die DSGVO ist die EU-Richtlinie 2102 allerdings bei vielen Verantwortlichen noch nicht angekommen. Das konnte ich kürzlich bei einem Vortrag wieder feststellen. Konkret geht es darum, dass die EU-Richtlinie 2102 die WCAG-Richtlinien referenzieren, um einen Richtlinien-Wildwuchs innerhalb der EU entgegen zu wirken. Denn bis En...

Semantic HTML and Accessible Rich Internet Applications (ARIA) help create interfaces that work for everyone in the most performant, robust, and simple