Challenge Overview
Challenge Objectives
In this challenge, we are fixing WCAG 2.1 Accessibility issues on the existing Angular project.
Project Background
Our client, Wellmark has an existing member portal, built in Angular. They want to improve the accessibility of that web desktop application to fulfill minimum WCAG 2.1 standards.
-
With this challenge, we will update this application to fix the WCAG issues
-
Here is the demo site:https://mywellmark-demo.wellmark.com/home It has restricted IP access so you may not be able to view based on your region. To this end, here is a google folder with screenshots: https://bit.ly/31FTUsp
-
Testing will be done with JAWS to ensure acceptability
Technology Stack
HTML, LESS, JavaScript, Angular 8.2
Code access
Please check the forum for access to the code base.
Individual requirements
-
myWellmark focus indicator color and style change
-
mywellmark focus indicator offset (errors and forms)
-
mywellmark form field shadow removal
-
Focus outline on buttons
-
If you notice additional WCAG issues, fix with your own discretion
Please check the forum for a spreadsheet that includes acceptance criteria for each of those requirements and any additional requirements(changes requested by client).
If you have any questions please bring them up in the forums!
Final Submission Guidelines
Please submit the following
-
Git patch against the develop branch
-
Verification guide