ARIA (Accessible Rich Internet Applications) is a suite of specifications from the W3C. Knowing which specification has the information you need isn't always obvious, so this post briefly introduces each specification and where it fits into the overall ARIA landscape.
ARIA
T...
It is common on the web for the current thing in a collection to be highlighted visually, but providing an alternative for screen reader users has often involved something of a hack. The aria-current attribute is intended to solve this problem.
Common patterns
There are seve...
Emoji help us communicate complex ideas very easily. When used in native apps and applications, emoji are reasonably accessible to screen readers, but on the web we need to do a little more to make sure everyone can understand emoji.
An emoji is an ideogram (a picture that r...
Narrator is the integrated screen reader for Windows 10. The August 2nd Windows 10 Anniversary update introduces several new Narrator features, including a Narrator mode designed specifically for developers.
When you develop accessible apps, webapps or websites, one of the c...
When my friend Tim Norris posted this to Facebook recently, it made me stop and think. One of those "thinks" was that his words were worth sharing, so here (with Tim's permission) they are...
The earliest "historical" thing I can vaguely remember was the tail end of the Vie...
Эта статья на русском
The word “semantic” is regularly used in the context of web development. We talk about “semantic code” and the “semantics” of a given element, but what do we really mean by it, and why is it important?
The word semantic comes from the French sémantique,...
Let me ask you a question: Would you enter your password into a password field, if you couldn’t be confident it was protected from being viewed by other people? The answer is probably not, but a proposed ARIA role could put screen reader users in exactly this position.
When ...
The ARIA application role changes the way screen readers interact with web content. Several good articles explain (rightly) why the application role should be used with caution, but this post looks at a use case where the application role is used to good effect.
Screen reade...
CSS Flexbox can create a disconnect between the DOM order and visual presentation of content, causing keyboard navigation to break. For this reason, the CSS Flexible Box Layout module warns against resequencing content logic, but asking authors not to use flexbox in this way...
This is one of my favourite winter things. You can make it at any time of year of course, but there is something about the smell of apples and spices that makes me all warm and fuzzy. You might put that down to the cider, I couldn't possibly comment...
Information
Makes: Ei...
The 12th in a series of posts that bring together the two sides of my blog: Food and technology. I’ve asked the great and the good from the web standards community to share their favourite recipes. This versatile dessert is from Adrian Roselli.
Information
Makes: Two quarts...
When a parent/child relationship is evident on-screen, but it isn’t represented in the DOM, the aria-owns attribute can be used to establish that relationship in the accessibility layer.
The parent/child relationship is a cornerstone of HTML structure. Every element in an HT...
Deutsche Übersetzung
I don’t know who will read this. I don’t even know why it has suddenly become important to write it, but for whatever it’s worth, this is an account of an event in my life that changed everything.
I lost my sight over the course of 12 months from late 19...
When keyboard access doesn't work, the Jaws screen reader makes it possible to explore content using simulated mouse movements instead. This function is broken in Firefox, due to changes made (some time ago) in its graphics rendering engine. This post describes a workaround ...
Updated on 4th February 2018.
The CSS Speech properties are intended to give content aural style, in the same way other CSS properties give content visual style. The CSS Speech module is largely unsupported in browsers, but the Web Speech API can be used to demonstrate somet...
When a friend generously gave me some saffron recently, it presented me with an opportunity to make crème brulée with a little extra magic in it. crème brulée is ridiculously easy to make, exudes classic style, and even has an element of danger about it... so even if (like m...
Many websites provide keyboard shortcuts for common tasks. Keyboard shortcuts are useful things to have, but the way in which they’re provided is often problematic for Windows screen reader users.
Websites like Facebook, Twitter and Google provide keyboard shortcuts for repe...
The CSS before/after pseudo-selectors can be used to insert content into a page. In some situations this technique is a useful thing to do, but how do browsers and screen readers handle the generated content?
Quick recap: The before/after selectors insert content either befo...
Search engines have ways of extracting meaning from content, but they're prone to error because information on the webb can be presented in so many different ways. Marking up information so it's easier for search engines to index is a good thing to do, and thanks to the voca...
When a web application has a session timeout, it’s a good idea to warn users about the impending timeout and give them the opportunity to do something about it. It’s therefore important to make sure that all users know when the warning notification appears.
When you set the ...
The 11th in a series of posts that bring together the two sides of my blog: Food and technology. I’ve asked the great and the good from the web standards community to share their favourite recipes. This bundle of awesome Chinese dishes is from Henny Swan.
Information
Makes:...
There are a handful of ARIA1.0 attributes that can be used to indicate relationships between elements, when those relationships can’t be ascertained easily from the DOM. One such attribute is aria-controls.
The aria-controls attribute creates a cause and effect relationship....
TPAC is the annual gathering of the W3C. It was held at the Santa Clara Marriott between 27th and 31st October 2014.
It was the week that HTML5 became a W3C Recommendation, the week we celebrated the 25th anniversary of the web, and 20 years of the W3C itself.
It was also a ...
Breakfast at the weekend can be delightfully indulgent, and sometimes the simple things are the most tempting of all. Throw in some interesting company, a little conversation and this uncomplicated breakfast, and that's my idea of heaven on a Sunday.
Information
Makes: Two ...
Traduction française
Windows screen readers have multiple modes of interaction, and depending on the task being carried out they’ll automatically switch to the most appropriate mode. This post explains why Windows screen readers behave the way they do, and how your code can ...
The subject of screen reader detection has been under discussion lately. It isn’t something I’m comfortable with, so I’d like to share the reasons why.
I don’t want to share personal information with websites I visit
My disability is personal to me, and I share that informat...
The Cyber Streetwise website was launched by the UK Home Office in January. Developed by Nudge Digital, Cyber Streetwise is a high profile website intended to change attitudes towards online security. It is also a complete travesty when it comes to accessibility.
The Cyber S...
Potato dauphinoise is ridiculously easy to make, gloriously indulgent and absolutely delicious. It goes well with anything from a lamb roast to a good steak, but my favourite is potato dauphinoise with confit of duck!
Information
Makes: Four helpings
Time: 1 hour 45 minutes...
There is an unusual problem with Jaws and Internet Explorer that causes the word "region" to be announced before every field in a form. Fortunately there is a workaround until the problem itself is resolved.
The situation arises when you have a form inside a container with r...
The tenth in a series of posts that bring together the two sides of my blog: Food and technology. I’ve asked the great and the good from the web standards community to share their favourite recipes. This beautifully written Italian recipe is from Joseph Karr O'Connor.
Inform...
