noUiSlider
noUiSlider copied to clipboard
Chrome Lighthouse - Accessibility: ARIA input fields do not have accessible names
Getting this error message when running the lighthouse report within google chrome.
Seems to me that a fix would be fairly easy, e.g.:
Option 1: Add inner text to the element Option 2: Add an aria-label attribute to the element Option 3: Refer to another element using aria-labelledby

What option would work for your use case?
We could add an option to provide labels for handles.
For reference: https://www.w3.org/WAI/ARIA/apg/patterns/slider/#wai-aria-roles-states-and-properties-17
I think it could be as easy as just adding aria-label="Slider">
? (Option 2)
Would the handleAttributes option already fit your need by allowing to set an aria-label (or aria-labelledby) of your choice?
@bvauchelle Yes, that is the correct solution here.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.