einzelne Behinderungen

How CSS bleeds into content and influences screenreader announcements.

In HTML kannst du mit dem mark-Element – ähnlich einem Textmarker – die Texte zusätzlich, und zwar sowohl visuell als auch semantisch richtig hervorheben.

An approachable guide to doing an accessibility audit using a screen reader

TL;DR: for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are. When a screen reader encounters an element on the page that invites interaction beyond reading, it typically provides users with instructions…

Popularity in browsers Firefox popularity among screen reader users has been consistently increasing for the last few years. In a 2015 WebAIM survey, 34.9% of participants answered “Internet Explorer 10” to a question “When using your primary screen reader, which browser do you use most often?”, whereas 31% answered “Firefox”. However, in a 2017 survey,

Screen readers are an essential part of using the web for people who are vision impaired, illiterate or have a learning disability. Today’s screen readers traverse web pages and applications and read out user interface elements, content and allow users to navigate and interact with the web. There are many screen readers available for different devices and platforms, each with differing levels of…

Recent research shows a continued increase in the use of screen readers on mobile devices. Check out this demo on how to use VoiceOver on an iPhone to shed light on how to implement better accessibility testing on your website.

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…

This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses. Responsive Table with Semantics Retained by ARIA The Tweet What You Can…

The struggle is real and it's our responsibility to fix.

A short article, as a contrast. Just a few simple tips to improve Windows High Contrast Mode experience.

The headline is intentional hyperbole, chosen mostly for the sloppy alliteration. When sighted users test with a screen reader it is common to rely on the visual output — checking to see where focus goes, confirming that controls behave, watching the spoken output in a text log. The problem is…

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

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.

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 …

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 …

A sighted user puts himself in the shoes of a non-sighted user. Chris Ashton experiences first-hand difficulties that visually impaired users face and describes what we can do as web developers to help.

Sie finden im Folgenden unterschiedliche Informationen, welche Ihnen den Start mit dem freien Screenreader NVDA erleichtern sollen. Alle Texte sind auf dieser U

Formulare sind der Kern interaktiver Angebote und Grundlage der Kommunikation zwischen Anbieter und Nutzer.