audit-avt1-homepage: content not within landmark

[andreancardona]

Environment:

Operating system: Mac
Browser: Chrome
AVT 1️⃣
Page: Homepage

Detailed Description:

• Content is not within a landmark element
• Affects 21 total errors produced
  • If this issue needs to be broken up into other issues please do so and reference this issue in docs.

What to do:

• Enclose the content within an HTML5 sectioning element with an implicit landmark role (e.g. Content);
• OR use the "role" attribute on an enclosing element to specify an appropriate WAI-ARIA landmark value (e.g. <div role="contentinfo">...</div>).

Why is this important?

Landmark roles provide programmatic access to sections of a web page, making it easy for the user to understand the structure of the page and easily navigate to different sections. They also enable users to skip over blocks of content that are repeated on multiple pages.

[andreancardona]

Per convo with DA and Tom - removing role=presentation off of main will fix all of these errors.

[andreancardona]

Closing this issue since it was found in thee Gatsby Theme and tracked below:

Issue: carbon-design-system/gatsby-theme-carbon#943
PR: carbon-design-system/gatsby-theme-carbon#944