Improving Accessibility with ARIA

As you learned in the section “Why Semantics Matter” in Chapter 1, accessibility improves simply by marking up your content with the HTML that best describes it. So if you’re already doing that, you’re doing great. In this section, I’ll tell you how adding a few simple attributes to your HTML can help your visitors even more.

WAI-ARIA (Web Accessibility Initiative’s Accessible Rich Internet Applications), or ARIA for short, is a specification that declares itself “a bridging technology.” That is, it fills semantic gaps with attributes until languages like HTML provide their own equivalent semantics.

For instance, what HTML markup would you use to let a screen reader know how to jump to (or past) the main content ...

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.