Navigation bars with proper aria-labelledby reference

Back to index page

ARIA

YES role=navigation
YES aria-labelledby: content refers to an element with the role attribute defined as heading
NO link rel
YES role=heading

Firefox Accessibility Extension

What will be the role column content of these navigation bars?
heading (aria-labelledby role) | navigation (role) | BP
What will be the title column content of these navigation bars?
content of the element referenced by container aria-labelledby attribute | role=heading element | container title

navbar1: YES aria-labelledby, YES heading (`role=heading`), NO container title

navbar1.1 label&heading text

navbar1.2 label&heading text

navbar1.3 label&heading text

navbar1.4 label&heading text

navbar2: YES aria-labelledby, YES heading (`role=heading`), YES container title

navbar2.1 label&heading text

navbar2.2 label&heading text

navbar2.3 label&heading text

navbar2.4 label&heading text

Back to index page