Fieldset legend, aria-describedby, and radiogroup role
The HTML specifications for forms suggests using a <fieldset> with <legend> to define similar items within a form. Normally this is used to combine the forms into large chunks, for instance...
View ArticleClik here to view.
Hitting the accessibility high notes with ARIA
ARIA (Accessible Rich Internet Applications) allows web developers to make their complex web applications accessible. This presentation will introduce ARIA attributes and how they establish landmarks,...
View ArticleClik here to view.
Accessibility + YUI – creating accessible forms
This presentation was created for the YUI Conference, November 2013 by Sarbbottam and Ted Drake. Sample code is available at GitHub Bruce Lee toy photos courtesy [CC] images by Shaun Wong on Flickr....
View ArticleClik here to view.
Accessible responsive images
Responsive web design, creating a single page that morphs with the view port size, is a major feature of modern web design. There are many factors to consider for performance and accessibility. This...
View ArticleClik here to view.
Block level links and screen reader support
Daniel Göransson introduced VoiceOver’s contradictory support for block level links on a mailing list for Apple accessibility. Specifically, Safari + VoiceOver on OSX allows the link to be announced as...
View ArticleKeyboard Accessibility with the Space Bar
Keyboard accessibility is critical for your users that depend on voice recognition, onscreen keyboards, screen readers, ergonomic accessories, and your power users that prefer to avoid grabbing the...
View ArticleClik here to view.
Use aria-labelledby to provide context to unordered lists
It’s not uncommon for a web page to include multiple sets of lists. This is especially true for a web site that aggregates information. The Yahoo! Finance home page contains at least 12 lists. Screen...
View ArticleARIA Label Bookmarklet
I love simple bookmarklets that visualize coding patterns. I was working on a project today and wanted to verify that aria-labels were sufficiently descriptive. So I put together this quick...
View ArticleClik here to view.
Find aria-hidden with this bookmarklet
I love purpose built bookmarklets that help you find problematic code. I got an email yesterday from Travis Roth about a potential vestigial aria-hidden attribute on an otherwise visible element....
View ArticleClik here to view.
Bookmarklet for finding incorrect use of aria-owns
We’ve discovered the hard way that our products have incorrectly used the aria-owns attribute. With the recent Chrome updates, this has triggered the pages to break the customer experience with JAWS...
View Article