Landmark Roles

roles next. Landmark roles are important because they basically give you an overview of the site.

If you are a screen reader user, you can get a list of all the landmark roles.

And these are the landmark roles that exist. It's only like a handful and a bit. So there's

banner, complimentary content info form, main navigation, region and search. And you would say

like huh didn't we talk about those in page structure yes we we actually we did um we did

talk about the html equivalence um and this is like an important concept because not uh you in

general don't want to talk aria directly as i have said um and a lot of things are actually

built into HTML that are then reflected in ARIA. And let's look at the page structure stuff.

So if you have a banner landmark role, you can just use the header element.

And that is equivalent because the header already has built in the banner role. So

So the browser knows that this is what it has to give to the assistive technology, to the API.

The same goes for the content info role.

You can just use a footer.

Main has a main element equivalent, and you can use those only once.

Because that's how it's specified.

It makes only sense to have one main content.

If everything is a main content, nothing is a main content. And then we have complementary.

Complementary is one that can be used as many times as you want. And you can use the HTML aside

element to achieve the same semantics basically. And there are a couple more. Navigation is

reflected in the nav element, so you can use an infinite number of nav elements. Forms, you can use

an unlimited number of those. They use the form element. Search is a form with a role search. You

can also use, technically you can use other elements with the role search, but in general

you have a search form, so just put it on the form. And then region with a section.

is every section is a region and if you put an accessible name on it for example using aria

label or aria labeled by then it becomes a landmark it's not a landmark technically if

it's only just a section element because people started using sections for everything and that's

not a good thing because then, as I've said with the main, you then have landmarks everywhere

and you can't pick out what really sticks out there.

So these are the landmark roles, just these eight, and they have direct HTML equivalents

that you should use.

Check off.