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

[a11y]: [Tooltip] - Tooltip's Label is confusing, Causing Accessibility Issues #16868

Open
2 tasks done
2nikhiltom opened this issue Jun 26, 2024 · 0 comments
Open
2 tasks done

Comments

@2nikhiltom
Copy link
Contributor

2nikhiltom commented Jun 26, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: ⏱ Backlog
Development

No branches or pull requests

2 participants