Problem
In reviewing #1849754: Fix add & remove shortcuts hover text alignment I realised the colour contrast for the add & remove shortcut links on the overlay are not WCAG compliant (#0074BD on #000000).
You can confirm this on any colour contrast checker e.g. http://snook.ca/technical/colour_contrast/colour.html
Results
Are colours compliant? NO
Contrast Ratio 3.51
WCAG 2 AA Compliant NO
WCAG 2 AA Compliant (18pt+) YES
WCAG 2 AAA Compliant NO
WCAG 2 AAA Compliant (18pt+) NO
The minimum requirement for AA is 4.5:1. (http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast)
Proposed resolution
Change the link colour to increase contrast 4.5:1, possibly by styling this link differently in the overlay, because the background is white in the non-overlay screen (the contrast is currently sufficient for AA on a white background).
User interface changes
TBC
Screenshot of current colours:
| Attachment | Size | Status | Test result | Operations |
|---|---|---|---|---|
| chrome_9.png | 15.14 KB | Ignored: Check issue status. | None | None |