Learn html5, Using aria landmark roles

Over the next several exercises, we’re going to explore some of the vocabularies that have evolved to extend HTML’s native semantics In this exercise, we’re going to take a look at using ARIA landmark roles, which uses the roles attribute to identify content as having specific semantic meaning and representing a particular section in a document.

Using these roles makes it easier for screen readers, assistive devices, and other user agents to quickly scan page content and then navigate to specific sections when required.

So to show you how this works, I’m going to open up the trails.htm file Now before we get too deep into doing this as an exercise, I want to switch over to the specification.

So what we’re looking at is the accessible rich internet applications or WAI-ARIA 1.0 specification, and specifically, I’ve navigated to what’s known as The Roles Model The role will be an attribute you can apply to any HTML element, and then you can assign it a specific role Now if I scroll down into this, you see that we have certain categories.

LEAVE A REPLY

Please enter your comment!
Please enter your name here