WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: WAI-ARIA: Labelling Landmarks

for

From: Gunderson, Jon R
Date: Dec 13, 2011 2:21PM

Heidi,

Another way to use use headings (H2) which provides redundant navigation schemes to screen reader users (Landmark or Header navigation) to get to the sections of the page:

<div role="complimentary" aria-labelledby="class_roster_h2">

<h2 id="class_roster_h2">Class Roster</h2>
....

</div>

<div role="complimentary" aria-labelledby="readings_h2">

<h2 id="readings_h2">Suggested Readings</h2>
....

</div>

You probably already would have the text "Class Roster" and "Suggested Readings" visible in the document to label the list anyway for graphical renderings.

Jon