You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Screen reader directly announces the tooltip content instead of the label upon focus via keyboard navigation.
Provide a short, descriptive label that clarifies the component's function. This label should be announced by the screen reader before the tooltip content when the tooltip receives focus.
Recommended Fix:
Provide a short, descriptive label that clarifies the component's function. This label should be announced by the screen reader before the tooltip content when the tooltip receives focus.
Example:
Consider a tooltip used for rating. The label could be "Rating" and the tooltip content could be "Click to select a rating." By announcing the label first, the screen reader user understands the context of the subsequent tooltip information.
Package
@carbon/react
Browser
Safari, Firefox
Operating System
No response
Package version
v1.58.0
React version
18.02
Automated testing tool and ruleset
Manual QA
Assistive technology
JAWS
Description
Screen reader directly announces the tooltip content instead of the label upon focus via keyboard navigation.
Provide a short, descriptive label that clarifies the component's function. This label should be announced by the screen reader before the tooltip content when the tooltip receives focus.
Recommended Fix:
Provide a short, descriptive label that clarifies the component's function. This label should be announced by the screen reader before the tooltip content when the tooltip receives focus.
Example:
Consider a tooltip used for rating. The label could be "Rating" and the tooltip content could be "Click to select a rating." By announcing the label first, the screen reader user understands the context of the subsequent tooltip information.
WCAG 2.1 Violation
No response
Reproduction/example
https://react.carbondesignsystem.com/?path=/story/components-tooltip--playground
Suggested Severity
Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.
Code of Conduct
The text was updated successfully, but these errors were encountered: