Pull Request for Issue # .

Summary of Changes

Landmarks provide a powerful way to identify the organization and structure of a web page.
This PR will wrap the output of the primary content of the page into a <main></main> element.

Main Landmark

A main landmark identifies the primary content of the page.

ARIA 1.1 Specification: main landmark

Design Patterns

• Each page should have one main landmark.
• The main landmark should be a top-level landmark.
• When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark.
• If a page includes more than one main landmark, each should have a unique label.

You can use both <div role="main"> as HTML main element to define a main landmark.
I prefer the HTML main element.

This PR will not change the current look and feel of the Cassiopeia template.

Testing Instructions

Since landmarks are not directly visible for the sighted people you have to use some assistive technology to make it visible. You can use a browser extension to display landmarks:

• Firefox => https://addons.mozilla.org/nl/firefox/addon/landmarks/
• Chrome => https://chrome.google.com/webstore/detail/landmark-navigation-via-k/ddpokpbjopmeeiiolheejjpkonlkklgp
• Edge => https://microsoftedge.microsoft.com/addons/detail/landmark-navigation-via-k/oemdnnhhfhdhilalibobndhoahcaiboe

Actual result BEFORE applying this Pull Request

The Landmark main is not present on the website. Screenshot below display the result of the Landmark extension for the Cassiopeia homepage with sample data

Expected result AFTER applying this Pull Request

The Landmark main is present on the website. Screenshot below display the result of the Landmark extension for the Cassiopeia homepage with sample data.

Documentation Changes Required

No changes required