search

usnationalarchives / nara-ugfa

NARA User Generated Finding Aids Prototype
1 stars 0 forks source link

Sidenav items fail WCAG Contrast rules #142

Closed lfrancis closed 4 years ago

lfrancis commented 4 years ago

https://nara-ugfa.herokuapp.com/search?q=bush

I'm guessing these are actually grayed-back for the prototype?

image

Elements must have sufficient color contrast Highlight element issue5 of 31 Issue info

Issue tags category: color wcag2aa wcag143 Issue description Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds

More info Element location .sc-fzqBZW.eNQuho:nth-child(1) Element source <p class="sc-fzqBZW eNQuho">Refine by: Data Source</p>

To solve this violation, you need to... Fix the following: Element has insufficient color contrast of 1.45 (foreground color: #d6d6d6, background color: #ffffff, font size: 12.0pt (16px), font weight: bold). Expected contrast ratio of 4.5:1

Related node:

lizzycederberg commented 4 years ago

@lfrancis Yes, these elements are intentionally grayed out because they're non interactive in the prototype.

lfrancis commented 4 years ago

Closing as NAB