Tag: ARIA
-
Find aria-hidden with this bookmarklet
Use this bookmarklet to find aria-hidden attributes on your page.
-
ARIA 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 bookmarklet. aria-label bookmarklet Simply drag that up to your bookmark bar and click on it whenever you need to test a page. If an element […]
-
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 readers allow the user to navigate a page via lists and announce the number of items in each list. But […]
-
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. Watch the full presentation (includes closed captions): You can also view the slides: YUI + Accessibility: Welcome the whole world from Ted […]
-
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, states, and roles. Learn how to use the basic elements that belong on every application. This presentation will also show more advanced topics, such as invalid form inputs, live […]
-
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 the billing address, credit card information, and personal information. It’s also useful for combining radio and checkbox sets. Typically, we associate a form input […]