Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[fix] small search variant button has no accessible name #2736

Open
shkeating opened this issue Feb 1, 2024 · 0 comments
Open

[fix] small search variant button has no accessible name #2736

shkeating opened this issue Feb 1, 2024 · 0 comments
Assignees
Labels
type: bug Something isn't working like it's supposed to

Comments

@shkeating
Copy link
Contributor

ReactUSWDS Version 6.2.0 USWDS Version: 3.7.1

Describe the bug
The small search variant with a magnifying glass as a button do not have an accessible name. the impact is that users on assistive tech will not receive sufficient context about what the button does.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Search: Small Variant, React USWDS Storybook
  2. Open the canvas in a new tab
  3. Open ANDI
  4. See warning message about lack of accessible name on the button

Expected behavior
In the USWDS documentation and examples, the button has a label of Search provided via alt text on the img tag contained in the button

If we add alt text to the svg in our version, this should remediate the issue.

Screenshots
image

Additional context
Accessibility guidance on USWDS website

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type: bug Something isn't working like it's supposed to
Projects
None yet
Development

No branches or pull requests

1 participant