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

Indicates supplementary content that can also stand alone if it is separate from the main content, e.g. a news ticker 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

Is used when content makes sense on its own, e.g. a blog or forum entry.