WebAIM - Web Accessibility In Mind

E-mail List Archives

WAI-ARIA: Labelling Landmarks

for

From: Heidi Jungel
Date: Dec 13, 2011 10:03AM

Our site uses various landmark roles and WAI-ARIA features.
Since it can get complex, I suggest that we label landmarks so that the user can differentiation between landmarks of the same "role"
For example, if there are two complimentary landmarks, it would look like the following:

<div role="complimentary" aria-labelledby="comp1_label">
<span class="hidden-element" id="comp1_label">Class Roster</span>
….
</div>

<div role="complimentary" aria-labelledby="comp2_label">
<span class="hidden-element" id="comp2_label">Suggested Readings</span>
….
</div>


1. Is this a standard? If so, can someone point me to that standard?
2. Would this be useful? The hidden-element class hides it from the visual users, but still reads the landmark on NDVA/JAWS
3. Is there a better way to label these landmarks so that we can differentiate between the two?

Your help is greatly appreciated.

Thank you,