A11y

See the accessibility tree

Let’s find out by following a step-by-step approach to address the accessibility requirements of auto-playing videos.

Color accessibility is more than just ticking boxes. Even with good contrast, some color palettes can make interfaces challenging for users. Here are some practical guidelines to ensure more inclusive design for colorblind people. An upcoming part of Smart Interface Design Patterns.

Just another usability and accessibility pro telling authors not to do the thing they continue to do. It’s Ok to Disable Buttons There are plenty of cases where you want to disable a button until a user takes a conscious action to enable it, such as when launching nuclear missiles.…

When is it acceptable to post images of text on your web site? When does it cross the line and fail WCAG SC 1.4.5 Images of Text? Test yourself in this quiz.

Untertitel in Einfacher Sprache sind ein guter Weg, Videos barrierefreier zu gestalten. Aber welche Kriterien befolge ich dabei?

In this article, Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive user experiences.

Dieser Leitfaden wurde erstellt, um es Redakteur*innen leichter zu machen barrierefreie Inhalte zu erstellen. Er enthält die wichtigsten Regeln in möglichst kurzer Form. Er bildet nicht alle potentiell gültigen Regeln ab. Das komplette zugrundeliegende Regelwerk sind die Web Content Accessibility Guidelines (WCAG).

I tend to get asked a lot in my current role "Where the hell do I go for mobile accessibility...

For developers, designers, ux, writers, managers, advocates - professionals, instructors, students - technical and non-technical.

Rough notes on Sara Soueidan's free chapter "Accessible notifications with ARIA Live Regions".

Breaking down the 9 new WCAG 2.2 criteria, what they mean for your team and your products, and how you can seamlessly integrate them into your process.

A soundboard (of farts) put together as part of an accessibility presentation. This is the 'after' example, where it is fully accessible due to having real buttons and a description of each fart.

A webring for digital accessibility practitioners.

Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).

Ein kurzer Überblick über die neuen Erfolgskriterien und praktische Beispiele für konkrete Anwendungsfälle.

Das Tool erkennt grobe Barrierefreiheits-Mängel. Die manuelle Prüfung ersetzt es aber nicht.

The tool detects major accessibility violations. But it does not replace manual testing.

How can an auditor be sure that they’re looking at a custom-styled focus indicator, versus the default styling provided by the browser or operating system?

A collection of bad practices in HTML, copied from real websites.

There’s no simple way to track web visitors that use screen readers or other assistive technologies, but you can still create accessible content.

VoiceOver clicks and mouse clicks are the same to the browser—so how can we differentiate them from each other?