Assign a main landmark role to the page’s main content section
no. 039
Make sure the main content section is identified using the main landmark role
It is common practice to assign descriptive ID values such as id=”mainContent” to the main content section of the page, but this information conveys no semantics to assistive technologies. The main landmark role is intended to fix this, by programmatically defining a region that usually contains – you guessed it – the main content of a page. This marks the content that is directly related to or expands upon the central topic of the document. The purpose of the main landmark role is to identify a unique region as the main content section, and convey that information to assistive technologies.
To do this, simply make sure the “main” ARIA landmark role is assigned to the main content section of the page. Within any document or application, the author should mark no more than one element with the main landmark role. As a complementary practice to provide additional confirmation about the region’s purpose, consider providing an aria-label attribute with a value of “Main Content” to add a descriptive label to this region, or even wrap the region using [...]