Revamped testbed

Landmark roles (landmark-roles)

Valid landmark roles (role="main", role="navigation", etc.) or HTML elements (<main>, <header>, etc.) are used to group sections of repeatable content.

Note that this is one way to satisfy 2.4.1 and is not required if another method is implemented.

Inappropriate role attribute:

This navigation menu has a role attribute with an inappropriate/undescriptive value (role="hello"):

Main Content

This is the primary page content. Because it’s not inside a <main> element or given role="main", users cannot skip directly here—forcing them to tab through the navigation first.