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.

Sign up for GitHub

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

Jump to bottom

React: No label for - Search edit combo list box #4195

Closed
Praveen-sr opened this issue Oct 9, 2020 · 2 comments
Closed

React: No label for - Search edit combo list box #4195

Praveen-sr opened this issue Oct 9, 2020 · 2 comments
Assignees
@andysherman2121
Labels
accessibility Has accessibility requirement bug Something isn't working dev Needs some dev work package: react Work necessary for the Carbon for IBM.com react components package severity 2 Affects major functionality, has a workaround
Milestone
Sprint 20-24

Comments

@Praveen-sr
Copy link

Detailed description

On JAWS/FF, iPhone/Voiceover

Issue: Search edit combo list box - No label for this control.

Expected: give label as "search"

Additional information
@Praveen-sr Praveen-sr added accessibility Has accessibility requirement bug Something isn't working severity 2 Affects major functionality, has a workaround labels Oct 9, 2020
@RobertaJHahn RobertaJHahn added this to the Sprint 20-21 milestone Oct 13, 2020
@RobertaJHahn RobertaJHahn added dev Needs some dev work package: react Work necessary for the Carbon for IBM.com react components package Airtable Done labels Oct 13, 2020
@andysherman2121 andysherman2121 self-assigned this Nov 11, 2020
@andysherman2121
Copy link
Contributor

@Praveen-sr According to https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html

An element with a role of combobox doesn't accept an aria label attribute. Can you clarify if this is what you were asking for?

@Praveen-sr
Copy link
Author

@andysherman2121 As per the aria 1.1 spec, we can use aria-label on the combobox role instead of aria-labelledby where there is no visible label available. It appears that the example has a bug. An issue is raised on the same. Please refer the following link on Github. You can try with "aria-label".
I will retest it with jaws FF and VO iPhone with Safari and update you.
w3c/aria-practices#886

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@andysherman2121 andysherman2121

Labels
accessibility Has accessibility requirement bug Something isn't working dev Needs some dev work package: react Work necessary for the Carbon for IBM.com react components package severity 2 Affects major functionality, has a workaround
Projects
None yet
Milestone
Sprint 20-24
Development

No branches or pull requests
5 participants
@jeffchew @ljcarot @RobertaJHahn @andysherman2121 @Praveen-sr