-
Test: aria-description
The aria-description attribute was added to give developers more flexibility than the aria-describedby attribute. Previously, we’d use aria-describedby to connect an input to its helper or error text. But aria-description allows us to include a string, much like the aria-label attribute. I’ve avoided this because I didn’t think it had good support. The accessibility support…
-
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…
-
Keyboard 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 mouse for every task. Most people test to make sure every interactive element can receive focus via the tab key and that buttons and links work with…