-
Notifications
You must be signed in to change notification settings - Fork 332
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
Lighthouse report and accessibility #963
Comments
Here's the relevant part of the code:
It seems that the label actually exists, but only has a button inside it, and not a more relevant label like "search" (can be visually hidden of course). It seems like the button should be a sibling rather than a child of the label, but I don't know if fixing that would be a breaking change |
In detached mode, the label only exists when the search modal is open. When it isn't, there's only the search button in the DOM which wrapper has the One simple solution would be to add a Another option would be to reconsider having the |
Hi! |
Echoing @signekb's question - what is the status on this? Universities are going to have to comply with WCAG 2.2 soon, and I'm concerned about personal liability if I can't figure out how to fix this in my quarto projects. |
Description
Running a Lighthouse report for mobile on the playground (opened in a new window) returns this warning about a missing accessible name:
Getting the same on my own site running Autocomplete version 1.6.2.
Running a simple
document.getElementById('autocomplete-0-label')
confirms that there is no such element. (Meanwhiledocument.getElementsByClassName('aa-Autocomplete')[0]
shows the autocomplete element to, indeed, exist with attributearia-labelledby="autocomplete-0-label"
.)Please note:
Reproduction
Go to the playground and run Lighthouse for mobile.
Expected behavior
Would expect:
Environment
Added bonus...
...the joy and satisfaction of knowing you'll help me reach a score of 100 on Accessibility 😁
The text was updated successfully, but these errors were encountered: