usnationalarchives / nara-ugfa

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

Buttons must have discernible text [bookmark] #206

Closed lfrancis closed 3 years ago

lfrancis commented 3 years ago

Buttons must have discernible text

Impact: critical

Issue tags category: name-role-value wcag2a wcag412 section508 section508.22.a

Issue description Ensures buttons have discernible text

More info Element location .sc-fzoyTs Element source <button class="sc-fzoyTs fxBbkR"><svg viewBox="0 0 18 29"><path d="M0 0v29l8.2-8 .8-.8.8.8 8.2 8V0H0zm7.8 16L3 12.4c.5-.6.9-1.3 1.4-1.9 1 .8 1.9 1.5 2.9 2.2 1.9-2.6 3.9-5.1 5.8-7.7.6.5 1.2.9 1.9 1.4L7.8 16z"></path></svg></button>

To solve this violation, you need to... Fix at least one (1) of these issues: Element does not have inner text that is visible to screen readers

aria-label attribute does not exist or is empty

aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty

Element's default semantics were not overridden with role="presentation"

Element's default semantics were not overridden with role="none"

Element has no title attribute or the title attribute is empty