A11y

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.

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

I launched the first version of this site well over 3 years ago, and it was one of my first fully completed code projects. Like many new self taught develope...

The prefers-reduced-motion media query detects whether the user has requested that the system minimize the amount of animation or motion it uses. This is for users who either require or prefer minimized animations; for example people with vestibular disorders often desire animations to be kept to a minimum.

On the eighth day of Xmas, Callum Macrae shows us how to test our websites using a screen reader. Accessibility is an important factor when building any website and while following checklists to en…

Auf Webseiten erleichtern HTML- und ARIA-Rollen die Navigation mit einem Screenreader. Verschiedene Screenreadern bieten dafür verschiedene Tastenbefehle an.

Test results for HTML, CSS and ARIA features in different screen reader / browser combinations.

Accessibility is a holistic practice, essential to some but useful to all. It is a practice that touches on many aspects of good web design and development, especially performance. This talk will highlight opportunities and techniques to improve your website or web app’s performance by embracing an accessible, inclusive mindset.

Please note that there the following information may no longer be accurate if testing with newer versions of browsers and screen readers than the ones note...

A starting point for questions to ask someone that wants you to give them a job

Developer Facundo Corradini shares how his temporary disability taught him about why accessibility testing is so important. Focused on vestibular disorders, he both shares best practices to create …

Find out how to make website layout accessible for both people with and without disabilities, and even machines.

As an extension to our From URL to Interactive series, designer and front-end developer Melanie Richards takes a deep dive into how our content is accessed by a wide array of screen readers, which …

There are certain situations where ARIA is a good (and maybe the only) way to go. But if done wrong, usage of ARIA often leads to even worse accessibility. Especially accessibility novices tend to misuse ARIA to "optimise" smelly code.