usnationalarchives / nara-ugfa

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

Tab nav fails WCAG contrast rules or grayed-back? #143

Closed lfrancis closed 3 years ago

lfrancis commented 3 years ago

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

Also grayed back for the prototype?

image

Elements must have sufficient color contrast

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

Element location .sc-fzoyAV > li:nth-child(3) Element source <li>Web Pages</li>

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

Related node:

lizzycederberg commented 3 years ago

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

lfrancis commented 3 years ago

Closing as NAB