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

[BUG] - Input has accessibility issue when it has end icon #2808

Closed
withden opened this issue Apr 19, 2024 · 1 comment · Fixed by #3300
Closed

[BUG] - Input has accessibility issue when it has end icon #2808

withden opened this issue Apr 19, 2024 · 1 comment · Fixed by #3300
Assignees
Labels
♿ Scope : Accessibility Related to accessibility

Comments

@withden
Copy link
Contributor

withden commented Apr 19, 2024

NextUI Version

2.3.5

Describe the bug

Hi,

Input has low accessibility when it has an end icon. Because that button hasn't any aria-label.

When we use password input or clearable input, that time-end icon suffers from an accessibility issue

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

  1. Go to https://nextui.org/docs/components/input
  2. Open Chrome console and do Lighthouse perf report

Expected behavior

Somehow we can pass props to that end element so that I can make it more SEO-friendly

Screenshots or Videos

image
image

Operating System Version

Ubuntu 23.04 (Linux - Kernal 6.5.0-26-generic)

Browser

Chrome

Copy link

linear bot commented Apr 19, 2024

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
♿ Scope : Accessibility Related to accessibility
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants