Landmark roles
Difficulty: Advanced
Category:
- Structure
Adding landmark roles to your page is an easy way to enhance accessibility. Landmark roles are part of ARIA, a new accessibility specification. Landmark roles define significant web page areas and provide the user quick access to them. The available landmark roles are application, banner, complementary, contentinfo, form, main, navigation, and search. You can simply add role=”search” to your search form (<form role=”search”>) to identify it specifically as the search form on the page. <div role=”main”> designates the element that contains the main content. <ul role=”navigation”> could be used to specify the navigation items for a page. Landmark roles can easily provide significant functionality and increased accessibility to keyboard and screen reader users.
