HTML test cases
Stop Giving Control Hints to Screen Readers | Adrian Roselli
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…
Accessibility Issues with Firefox Quantum and screen readers - AccessibilityOz
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,
A developer's perspective: the problem with screen reader testing | Jake Tracey
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…
Web Accessibility Testing with VoiceOver
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.
A Responsive Accessible Table | Adrian Roselli
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…
Tables, CSS Display Properties, and ARIA | Adrian Roselli
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…
Styling for Windows high contrast with new standards for forced colors - Microsoft Edge Blog
A Screen Reader User Surfing the Web – Scott Vinkle
The struggle is real and it's our responsibility to fix.
Quick Tips for High Contrast Mode | Sarah Higley
A short article, as a contrast. Just a few simple tips to improve Windows High Contrast Mode experience.
Speech Viewer Logs of Lies | Adrian Roselli
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…
Accessibility Support
Test: HTML select element test | Accessibility Support
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users
The difference between keyboard and screen reader navigation – Tink
Hiding inline SVG icons from screen readers | 456 Berea Street
How to hide inline SVG used for decorative icons from screen readers.
Day 8: Testing using a screen reader – 12 Devs of Xmas
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…
Tastenbefehle in Screenreadern – Landmark roles mit HTML und ARIA – [barrierefreies-webdesign.de]
Auf Webseiten erleichtern HTML- und ARIA-Rollen die Navigation mit einem Screenreader. Verschiedene Screenreadern bieten dafür verschiedene Tastenbefehle an.
Understanding screen reader interaction modes – Tink
Screen reader reliability · PowerMapper Software
Test results for HTML, CSS and ARIA features in different screen reader / browser combinations.
Accessibility for Vestibular Disorders: How My Temporary Disability Changed
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 …
Semantics to Screen Readers · An A List Apart Article
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 …
I Used The Web For A Day Using A Screen Reader — Smashing Magazine
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.
Screenreader nutzen – Anleitung für NVDA : Einfach für Alle
Einstieg in den Screenreader NVDA | Inklusion umsetzen
Sie finden im Folgenden unterschiedliche Informationen, welche Ihnen den Start mit dem freien Screenreader NVDA erleichtern sollen. Alle Texte sind auf dieser U
Nutzbare und barrierefreie Formulare: Validierung und Fehlerbehebung | Barrierefreie Gestaltung
Reine Formsache – Barrierefreie Formulare mit HTML, CSS & JavaScript : Einfach für Alle
Formulare sind der Kern interaktiver Angebote und Grundlage der Kommunikation zwischen Anbieter und Nutzer.
Gestaltung für Screenreader-Kompatiblität | Barrierefreie Gestaltung
Nutzung von Screenreader oder Hilfstechnik erkennbar? | Barrierefreiheit –
Mit iOS 12.2 hat Apple eine Funktion eingeführt, mit der Webseiten mitgeteilt wird, dass ein Anwender Hilfstechnik, insbesondere den Screenreader VoiceOver eins
Dear Screen Reader Useres, Since Web developers Can't Automatically Detect