search

carbon-design-system / carbon-components-vue

Vue implementation of the Carbon Design System
http://vue.carbondesignsystem.com
Apache License 2.0
599 stars 177 forks source link

A11y violation on Search control: The WAI-ARIA role 'search' is not valid for the element <input> #1237

Open schuetza opened 2 years ago

schuetza commented 2 years ago

CvSearch input field has invalid role

Detailed description

When checking our app with the IBM A11y checker plugin, we found this violation The WAI-ARIA role 'search' is not valid for the element <input>

After removing the search role from the CvSearch onput field, the violation is gone.

image

Describe in detail the issue you're having.

Is this a feature request (new component, new icon), a bug, or a general issue?

bug

Is this issue related to a specific component?

yes, CvSearch

What did you expect to happen? What happened instead? What would you like to see changed?

Component shouldn't have A11y violations

What browser are you working in?

Firefox 90

What version of the Carbon Design System are you using?

carbon-vue

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

no time pressure

Steps to reproduce the issue

  1. Open storybook https://vue.carbondesignsystem.com/?path=/story/components-cvsearch--default
  2. Open IBM A11y checker and scan the page
  3. check the violation in the checker
  4. remove the role from the input field (the outer div has the role, too)
  5. rescan -> violation is gone

Additional information

github-actions[bot] commented 4 weeks ago

This issue has been marked as stale because it has required additional info or a response from the author for over 14 days. When you get the chance, please comment with the additional info requested. Otherwise, this issue will be closed in 14 days.