Navigation bars with improper aria-labelledby reference - no role=heading

Back to index page

ARIA

YES role=navigation
YES aria-labelledby: content refers to an element that does not have a defined role attribute
NO link rel
NO 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 | heading element | container title

navbar1: YES aria-labelledby, NO heading, NO container title

navbar1.1 label text

navbar1.2 label text

navbar1.3 label&heading text

navbar1.4 label text

navbar2: YES aria-labelledby, YES heading (`h#` elements), NO container title

navbar2.1 label text

navbar2.2 label text

navbar2.3 label text

navbar2.4 label text

navbar2.1 heading

navbar2.2 heading

navbar2.3 heading

navbar2.4 heading

navbar3: YES aria-labelledby, NO heading, YES container title

navbar3.1 label text

navbar3.2 label text

navbar3.3 label text

navbar3.4 label text

navbar4: YES aria-labelledby, YES heading (`h#` elements), YES container title

navbar4.1 label text

navbar4.2 label text

navbar4.3 label text

navbar4.4 label text

navbar4.1 heading

navbar4.2 heading

navbar4.3 heading

navbar4.4 heading