Quantcast
Channel: Issues for Drupal core
Viewing all articles
Browse latest Browse all 299521

Seven pager items do not meet WCAG AA 1.4.3 for contrast

$
0
0

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:

Shows ellipses with WAVE report documenting contrast error

After

After screenshot from #20:

Shows WAVE sidebar with less contrast errors on the page and ellipsis is visible

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


Viewing all articles
Browse latest Browse all 299521

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>