Axe violations on certificate pages

I ran axe when viewing an edx.org certificate and it reported several issues including color-contrast violations and missing lang attributes. We will need to fix these issues in order to bring these views into compliance.

ACs

• VERIFY that axe reports 0 issues when run for all edx.org-issued certificates

  • honor

  • verified

  • professional

  • Profesional Certificate Program

  • micromasters

  • xseries

• VERIFY that axe reports 0 issues when run for all open edx templates

• VERIFY that chrome accessibility tool also passes for all templates

EX:

• Honor: https://courses.edx.org/certificates/user/15418761/course/course-v1:UC3Mx+CEH.1-ESx+3T2017?preview=honor

• Verified: https://courses.edx.org/certificates/user/15418761/course/course-v1:UC3Mx+CEH.1-ESx+3T2017?preview=verified

• Prof Cert: https://credentials.stage.edx.org/credentials/example/?program_type=professional-certificate

• Micromasters: https://credentials.stage.edx.org/credentials/example/?program_type=micromasters

• XSeries: https://credentials.stage.edx.org/credentials/example/?program_type=xseries

Note:

• You can see details about Axe from here https://www.deque.com/products/axe/. You can also install browser extension to view violations.

• edx.org axe reported issues:

  • Color contrast for all certificates

  • HTML lang on program credentials

• May need to update the print style separate from the web style. Maybe not, but check!