There are two 'main' elements on the course outline page

Description

On the new course outline page, there are two <main> elements:

HTML5 only allows for one, and this impacts accessibility. We need to consolidate these into one element. Because of the id and tabindex attributes on the second one, I suggest demoting the first main element to a div. The role=main is redundant, so that can be removed alltogether. I recommend adding an aria-label="Content" to the remaining main element so it is identified as Main Content to SR users.

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Status

Assignee

Uzair Rasheed

Reporter

Mark Sadecki

Reach

None

Impact

None

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Stakeholders

None

Story Points

2

Components

Priority

CAT-3
Configure