Over the last few days, I landed two changes to Firefox which change how we expose implicit landmarks of some HTML5 elements. This is to make screen readers a bit less chatty in certain situations. AdvertisementsRead More Firefox 57 will be less chatty to screen readers in some situations
After my recent post about WAI-ARIA, which was mostly geared towards web developers, I was approached by more than one person on Twitter and elsewhere suggesting I’d do a blog post on what it means for screen reader users. Well, I’ve got news for all my blind and visually impaired readers: You’re not getting one […]Read More WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today
On Monday this week, Heydon Pickering brought to my attention that Firefox has a problem with the way it handles the aria-pressed attribute in some circumstances. aria-pressed is used on buttons (or elements that have a WAI-ARIA role of “button”) to turn it into a toggle button which can be either pressed or not. Think […]Read More Improvements to the handling of the aria-pressed attribute
On March 20, 2014, the W3C finally published the WAI-ARIA standard version 1.0. After many years of development, refinement and testing, it is now a web standard. But I am often asked again and again: What is it exactly? What can it do for me as a web developer? And what can it not do? […]Read More What is WAI-ARIA, what does it do for me, and what not?
Prompted by the recent Microsoft and GW Micro partnership announcement, I took a long overdue look at Microsoft’s Office 365 product offerings. The Home Premium edition not only gives you five installations of full Office Professional versions in your household, Windows and Mac combined, but also the apps for iOS and Android on up to […]Read More WAI-ARIA showcase: Microsoft Office web apps
It often happens that designers and web developers agree on the fact that they do not like the standard buttons or the styling capabilities of buttons in browsers. To work around this, they then resort to what’s called clickable text. It is in many cases a simple span or div element with some funky styling […]Read More Easy ARIA Tip #6: Making clickables accessible
In this blog post, I’d like to recap an experience I just had while trying to apply some accessibility enhancements to the NoodleApp app.net client. The problem NoodleApp uses keyboard shortcuts to allow users to switch back and forth between posts, messages etc. that are displayed on the screen. Using the j and k keys, […]Read More Sometimes you have to use illegal WAI-ARIA to make stuff work
The following article will describe how to properly create accessible tabs in web apps. This is important for both mobile and desktop web applications. Tabs are not native to HTML5, so if you simulate them, you’ll probably use other markup such as lists and list items to generate them. You will have to add WAI-ARIA […]Read More Advanced ARIA tip #1: Tabs in web apps