10/7/2019 - 10:20 PM

Aria roles ( landmarks )

Aria roles ( landmarks )

Describe common regions

application- if a region is an app rather than a document

banner- header of the document

navigation- nav of the site

main- main site wrapper

search- search form for the site

complimentary- content aside from the document

form - a collection of form inputs

contentinfo- found on footer

Widget roles Used to describe divs and spans for screen readers

Document structure roles eg role=note

Aria attributes eg aria-hidden=‘true’ These are changed by JS, usually true and false

Aria properties eg aria-describedby These don’t change by JS