noUiSlider icon indicating copy to clipboard operation
noUiSlider copied to clipboard

Chrome Lighthouse - Accessibility: ARIA input fields do not have accessible names

Open USMortality opened this issue 1 year ago • 2 comments

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

Screen Shot 2022-08-27 at 12 57 35 PM

USMortality avatar Aug 27 '22 18:08 USMortality

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

leongersen avatar Aug 31 '22 14:08 leongersen

I think it could be as easy as just adding aria-label="Slider">? (Option 2)

USMortality avatar Sep 01 '22 20:09 USMortality