A11y

Für Sehende kann es ab und zu nützlich sein, einen Screenreader einzusetzen, zum Beispiel um Programme oder Webanwendungen zu testen. Natürlich ist es sinnvolle

In diversen Anleitungen wie dem DIAS-Test sehe ich wie nebenbei, dass der Screenreader NVDA für Tester:Innen empfohlen wird. Es ist aber eher zweifelhaft, dass

Understanding the flow of page contents from browser to screenreader caused me to radically rethink accessible markup.

Ein kognitives Modell beschreibt, wie etwas wahrgenommen wird. Um komplexe Objekte verabeiten zu können, benötigen wir eine Repräsentation davon, wie es aufgeba

People new to accessibility often find WCAG conformance levels confusing and unclear about what each level requires.

The output HTML element is an ARIA live region by default.

Eine Auswahl an Bookmarklets, Browser-Erweiterungen und Tools zum Testen von Barrierefreiheit.

ARC Toolkit – Quickly uncover and resolve accessibility issues on any web page with TPGi’s single-page, on-demand, accessibility testing tool

Who doesn’t love emojis? I’m willing to bet that the recent 10 messages you sent or received from different people on your phone, there…

Aspekte der Webseiten-Barrierefreiheit, die getestet werden müssen, und die entsprechenden Features in Microsoft DevTools.

To reach as many users as possible, it's a pragmatic approach to support the most widely used combinations of browsers and screen readers. Here you learn, which those are. Other requirements may only apply in closed environments that are only open to a specific, deterministic group of users.

The [aria-label] attribute is used to provide an accessible name to an element that might not otherwise have one. For example, let’s say you have a button that’s used to download a file. Instead of text, it includes a download icon as an inline SVG, like this… button svg xmlns="http://www.w3.org/2000/svg" height="1em" width="1em" viewBox="0 0 16 16"path fill="currentColor" d="M13.922 5.626A3.72 3.72 0 0010.205 2a3.712 3.712 0 00-2.92 1.418 2.09 2.09 0 00-3.

Back when ARIA live regions were first developed, aria-atomic seemed like a good idea, in case a tool wanted to update a single node, but the only real way to represent the content was reading a co...

A list of common mistakes and simple fixes when designing and developing accessible websites and apps.

Learn how to use Narrator, a screen-reading app built into Windows, with this complete guide and how-to articles.

Der unter Windows 10 und 11 integrierte Screenreader Narrator hat sich inzwischen sehr gemacht und ist zumindest für einfache Dinge geeignet. Er bringt einige V

Solve accessibility issues before they reach your customers.

Solve accessibility issues before they reach your customers.

Braucht es den drölfundreißigsten Artikel zum Thema Accessibility Overlays? Eigentlich nicht, irgendwie haben sich alle dazu geäußert und alles wurde gesagt. An

You may have seen this as a thread on Mastodon (my primary social short-form platform) or on BlueSky. Imagine these as the opening to a series of conversations between a vendor or client or boss or PO or whomever and me. Variations on Real Life Conversations “We like the way…

Unlike browsers where a sighted user can notice the changes when the page does not reload, screen...

I tested how well different election dashboards implemented common dataviz accessibility princples, and explained where things went wrong (including lots of demos).

Learn how the European Accessibility Act (EAA) impacts websites and apps, key accessibility requirements, deadlines, and tips to prepare for compliance.

Struggling with severe hand pain, I learned to code by voice. This is my journey with Talon and Cursorless, plus practical tips for hands-free development.

Slides ‘n’ demos ‘n’ shizz

Inaccessible Gallery attempts to visualize the most common accessibility issues.