Expand/collapse buttons need accessible names

Description

For the FAQs, give each clickable target aria-label="[the text to the right]".

Example:
<button class="masters-faq-button fa fa-lg fa-angle-right" aria-expanded="true">&nbsp;</button>
becomes:
<button class="masters-faq-button fa fa-lg fa-angle-right" aria-expanded="true" aria-label="What degree is earned at the end of the program?">&nbsp;</button>

Alternately you could give them each aria-label="[DOM ID of the div with the associated text]"

Steps to Reproduce

None

Current Behavior

None

Expected Behavior

None

Reason for Variance

None

Release Notes

None

User Impact Summary

None

Activity

Show:
Alessandro Roux
June 28, 2018, 8:34 PM

Assignee

Alessandro Roux

Reporter

Jeff Witt

Labels

Reach

None

Impact

None

Platform Area

None

Customer

None

Partner Manager

None

URL

None

Contributor Name

None

Groups with Read-Only Access

None

Story Points

None

Actual Points

None

Category of Work

None

Platform Map Area (Levels 1 &amp; 2)

None

Platform Map Area (Levels 3 &amp; 4)

None

Priority

CAT-1