carbon
carbon copied to clipboard
fix(search): a11y warning on search not expanded
Closes https://github.com/carbon-design-system/ibm-products/issues/4766
IBM Equal Access Accessibility Checker - warning on the search icon with role="button" since it's not tabbable
Changelog
Changed
- added a conditional on the
aria-labelandrolefor the search icon to only have values whenonExpand
Testing / Reviewing
Ran the IBM Equal Access Accessibility checker on the component
Before:
After:
Deploy Preview for v11-carbon-react ready!
Built without sensitive environment variables
| Name | Link |
|---|---|
| Latest commit | 4e1a857b4110fa70a1121ebc0b65b4449df78f3b |
| Latest deploy log | https://app.netlify.com/sites/v11-carbon-react/deploys/667d7d909f091300088bcfb3 |
| Deploy Preview | https://deploy-preview-16873--v11-carbon-react.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Deploy Preview for carbon-elements ready!
| Name | Link |
|---|---|
| Latest commit | 4e1a857b4110fa70a1121ebc0b65b4449df78f3b |
| Latest deploy log | https://app.netlify.com/sites/carbon-elements/deploys/667d7d8faee82600087d8bf0 |
| Deploy Preview | https://deploy-preview-16873--carbon-elements.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
Hey there! v11.61.0 was just released that references this issue/PR.