Problem/Motivation
The non-hyperlink pager items in the Seven theme do not meet WCAG AA section 1.4.3 requirements for text contrast.
These are the ellipses seen when there are more than 9 pages worth. All other items in the pager are links.
To reproduce,
1. Login to drupal 8
2. Navigate to /admin/content
3. Make sure you have ~500 content items so you see the ellipsis
3. Run DAP Chrome plugin, WAVE, or other WCAG conformance checker on page
4. See a message similar to the following.
"Minimum contrast of 3.36 with its background is not sufficient to meet WCAG AA requirements for text of size 13.0486px and weight of 700."
See attached screenshots (pager ellipsis>, pager items) for details.
Proposed resolution
Review current colors and backgrounds for pager items that are not hyperlinks and determine a suitable change that is in line with the Seven theme styles that also passes WCAG 2.0 "SC 1.4.3 Contrast (minimum)" at level AA.
Before
Before screenshot from #20:
After
After screenshot from #20:
Remaining tasks
User interface changes
Update Seven pager item styles to increase contrast for the ellipsis item, to satisfy WCAG.
Minimal effect on visual aesthetics of the existing design.
API changes
None
Data model changes
None