Screenreader

In this webinar you’ll learn how and why semantic HTML helps screen reader users browse your website, whilst being mostly transparent to people who do not us...

Understanding how people with disabilities browse the web using assistive technologies (AT) is core to making an accessible and inclusive user experience. In...

Accessibility can be a daunting field to dive into. Following best practices and using automated tools will get you a long way, but stepping into the shoes of your users will give you perspective and knowledge that can only be gained firsthand.

Some common patterns that stood out to me during usability interviews with frequent screen reader users.

I was talking to a friend & the conversation towards how people with disability like me find accessibility bugs. I showed her a demo by sharing my screen

If you build calendars on the web and abbreviate the days in the column headings (you do use column headings, yeah?), this is how it sounds to a JAWS user. Sorry, your browser doesn’t support embedded videos, but don’t worry, you can download it. The caption file is also available…

For those of us who use screen reading software such as JAWS, NVDA, or VoiceOver to access information on...

We can all agree that abbreviations like acronyms usually need to be defined, but what if the HTML method we use isn’t accessible to all users?

Emphasis and other text-level semantics are normally ignored by screen readers, so it you’re relying on them for meaning you could be in trouble.

With that bit of additional CSS, we are able to return the list semantics for VoiceOver users without needing to touch the markup.

The title of this post is pretty specific. It relates to the meme on Twitter where users identify a trait or preference that they see as problematic, and identify it as a red flag. The emoji represents the red flag. For example: A stylized red flag Blaming Screen Readers 🚩🚩🚩🚩🚩…

User experience designers guide - How to document the screen reader user experience for web content. Using your visual as a starting point, we’ll take you step by step through how to document the screen reader UX introducing concepts along the way.

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Instantly test with real screen readers, magnifiers, and more. Make sure your websites and apps are accessible.

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.