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

EyeDropper button on ColorInput missing discernible text for Accessibility purposes #4227

Closed
angelo-loria opened this issue May 11, 2023 · 1 comment

Comments

@angelo-loria
Copy link

angelo-loria commented May 11, 2023

What package has an issue

@mantine/core

Describe the bug

The EyeDropper on the ColorInput component is rendered without any label, title, etc., which gets flagged as a critical issue in Deque's Axe scanner. When using a screenreader, there's no description of what the button is.

You can see the issue on the docs page for ColorInput- https://mantine.dev/core/color-input/#eye-dropper

Here is a screenshot of the error output from Deque's Chrome extension:
image

What version of @mantine/hooks page do you have in package.json?

6.0.9

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

Yes

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

Add aria-label attribute to EyeDropper button (I think, I'm new to this)

@rtivital
Copy link
Member

Fixed in 6.0.11

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants