A11y

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…

Web accessibility is a complex topic, especially in the context of JavaScript-based web applications. With its new web interface, ownCloud starts to tackle this topic to create a front-end usable for and accessible to everyone, regardless of their circumstances, abilities or technologies used.

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,

Übersicht der Richtlinien für Barrierefreiheit im Web, in Dokumenten und in Software.

Useful HTML elements like date inputs and `` could make the web a much better place, if browser accessibility bugs in their implementations were prioritised.

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…

What is new in WCAG 2.1 Label in Name.

Rolle, Zustand und ein zugänglicher Name — wann ist HTML barrierefrei? Möglichkeiten und Grenzen barrierefreier Techniken, und wie ARIA dabei helfen kann.

A community-driven effort to make digital accessibility easier.

A dive into table and grid semantics, why they matter so much to screen readers, and your options for repairing or augmenting basic table markup.

The beginning of a series on interactive grid accessibility, starting with a look at when you need a grid, a table, or neither.

HTML has all sorts of built-in features that, when used correctly, are accessible, will localize, and which just work. For example, if I want a button, I use , and a screen reader will announce it as button. For users in other languages, they will hear whatever is their word…

The quality of the tools you use defines the speed with which you can diagnose and resolve problems....

It’s true, web animation can be accessible! Sometimes it just takes a little extra effort to make sure that it is. There are strategic things we can do to

Artikelparade zu Accessibility & Usability. Organisiert vom AK Barrierefreiheit der German UPA.

Original photo by Kevin Hale (photo no longer on Flickr), text added. CC BY-SA 2.0. The pun in the title is that some people pronounce the a11y numeronym as “alley”. That makes the full title sound like uncanny valley, the concept of human-looking things seeming almost, but not quite, human…

Last week, I finished my 30 Days of Accessibility Testing challenge from Ministry of Testing. I previously talked about the first 15 days of doing the challenge in this blog post, Part 1: 30 Days of Accessibility Testing. It's been a long month and there were definitely days where I skipped the challenges but still man

I’m Hugo “Kitty” Giraudel, a non-binary web developer based in Berlin, focused on accessibility and inclusivity.

Let’s talk about making your site’s external links open in a new tab. First we’ll consider if this is even a good idea, then we’ll look at ways to improve the...

A community-driven effort to make digital accessibility easier.

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.

We want to be the most accessible news website in the world. This is how.