Valentino Gagliardi

2 weeks ago

Valentino Gagliardi
2 weeks ago

Using ARIA Landmarks for Better Navigation

Using ARIA Landmarks for Better Navigation - AFixt

In today’s digital world, accessibility is more than just a buzzword—it’s an essential part of creating an inclusive web.

^{Michael Beck (AFixt)}

#a11y

in reply to Valentino Gagliardi

nulll

in reply to Valentino Gagliardi 2 weeks ago

I knew that landmark tags have implicit role, as stated by mdn, am I missing something?

"The <header> element has an identical meaning to the site-wide banner landmark role"

developer.mozilla.org/en-US/do…

: The Header element - HTML: HyperText Markup Language | MDN

The
HTML element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.

^{MDN Web Docs}

in reply to nulll

@nulll they probably provided the wrong example by using an explicit banner role on the header in the first example. The header would need the banner role if it were a descendant of nav, not the opposite.

@nulll

⇧

Valentino Gagliardi

Valentino Gagliardi 2 weeks ago • •

Using ARIA Landmarks for Better Navigation - AFixt

nulll

: The Header element - HTML: HyperText Markup Language | MDN

Valentino Gagliardi

Valentino Gagliardi
2 weeks ago