HTML

Screen readers, ARIA roles & HTML5 support

Several screen readers now support ARIA landmark roles. Some screen readers such as NVDA and Jaws are also improving support for HTML5 elements. This means that it’s important to put your ARIA roles in the right place.

Marking up the current page with HTML5 links

Updated on 3rd July 2017: this post is out of date, please read Using the aria-current attribute instead. When you’re browsing a website using its primary navigation, it’s helpful to know which page you’re on, and which pages you can go to. HTML5 makes it simple to do this, but the technique moves away from […]

How do ARIA landmark roles help screen reader users?

This video demonstrates how ARIA landmark roles help screen reader users understand the purpose of different areas of a web page. ARIA landmark roles can be used to navigate through a page and easily identify the purpose of key areas such as navigation, search or main content.

Text descriptions and emotion rich images

This article was first posted in 2007 on the eAccess blog. Three years later and I still believe that emotion rich images are important to blind people, particularly those who once had sight (and that’s most of us). Results from the third WebAIM screen reader survey suggest I’m not alone, so I’m reposting the article […]

Screen reader support for HTML tables

Screen reader support for tables is something of a curiosity. Although tables are among the most common of HTML elements, they’re often misused and poorly coded. To some extent this has influenced screen reader support, but even so the variations in screen reader behaviour are quite remarkable.

Screen Reader Support For Disabled & Read Only Form Fields

Some while ago I was asked how screen readers handle disabled and read only form fields. Despite forms being commonplace on most websites, there’s remarkably little information available on the subject. It turns out that there’s also very little consistency in the way different screen readers behave either.