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

imageButton.searchButton Does not Have an Accessible Name #1100

Open
LanieOkorodudu opened this issue Sep 4, 2024 · 0 comments
Open

imageButton.searchButton Does not Have an Accessible Name #1100

LanieOkorodudu opened this issue Sep 4, 2024 · 0 comments

Comments

@LanieOkorodudu
Copy link
Collaborator

LanieOkorodudu commented Sep 4, 2024

UV version:
universalviewer@<4.0.25>

I'm submitting a:
bug report => please fork one of these codesandbox examples with a repro of your issue and include a link to it below

Current behaviour:
The button with the class imageButton searchButton is missing an accessible name and does not provide a description of its functionality.

Expected behaviour:
The button should have an accessible name that provides a clear description of its purpose. For example, it could be displayed as "Search Button" if it initiates a search action.

Steps to reproduce:

  1. Navigate here.
  2. Hover the mouse over the imageButton searchButton.
    Screenshot 2024-09-04 141656
  3. Observe that no tooltip or description of the button’s functionality appears

Proposed Solution:
Add an aria-label attribute or use the title attribute to provide a meaningful name.

Other information:
This issue fails to meet WCAG 2.1 Success Criterion 4.1.2, which requires that interactive elements, like buttons, must have accessible names.

Related code:

<button class="imageButton searchButton"></button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Accessibility Backlog
Development

No branches or pull requests

2 participants