aria-labelledby and aria-controls are referencing IDs that do not exist

Description

The Verified Certificate upgrade message on the Course page is referencing the title of the message by ID, but the title doesn't have an ID attribute (it does have a class by that name, but that doesn't work, it needs to be an IDref)

This:

Should be:

The Show/Hide button also has an aria-controls attribute that is referencing a non-existent ID ("moreinfo")
We need to create a new div that encompasses the elements that are being "show/hide"ed and put an ID on it with the value of "moreinfo"

Like this:

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Status

Assignee

Unassigned

Reporter

Mark Sadecki

Reach

None

Impact

None

Platform Area

None

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Actual Points

None

Category of Work

None

Platform Map Area (Levels 1 & 2)

None

Platform Map Area (Levels 3 & 4)

None

Story Points

1

Components

Priority

CAT-3
Configure