Design - WAI-Aria roles

Roles are WAI-Aria specifications that describe the status and properties of a design element. Assistive technologies, such as screenreaders, which make interfaces accessible to blind computer users, read the contents of the screen and transmit the information to speech output and lines of Braille. Here you will see a typical page construction where the individual elements have been assigned roles:

The elements that you use in the layout can be assigned the following roles:

banner

The contents will be specially designated that are specific to the website, such as page title or logo.

complementary

Designates additional contents that can also stand on its own if it is separated from the main contents, such as a newsticker on a website.

contentinfo

Used for footnotes, copyright notices, presets, legal notices, and similar contents.

main

Always has a direct relation to the main contents, or leads to the central contents of the document.

navigation

Designates areas that contain links for navigation.

search

Designates areas with search functions.

note

Designates comments or notes on the main content.

article

Will be used when contents make sense by themself, such as a blog or forums entry.

More information

• Assign landmarks with ARIA roles in the layout

• Assign ARIA roles and attributes