Skip to content

Updated TooltipBestPractices to include new best practices #29284

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

Merged
smhigley merged 3 commits into from
Sep 25, 2023
Merged

Updated TooltipBestPractices to include new best practices #29284

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0362ded
Updated TooltipBestPractices
Sep 25, 2023
db18bbf
Merge branch 'master' into tooltipReadmeUpdate
tabithahsia Sep 25, 2023
3f7c1ec
Update packages/react-examples/src/react/Tooltip/docs/TooltipBestPrac…
tabithahsia Sep 25, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions packages/react-examples/src/react/Tooltip/docs/TooltipBestPractices.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,3 +16,7 @@ For a truncated label or a label that’s likely to truncate in some langua
- Provide the untruncated label in the tooltip.
- Don't provide a tooltip if the untruncated info is provided elsewhere on the page or flow.
- Optional: On another line, provide a clarifying description, but only if needed.

### Accessibility

- Don't add tooltips to unfocusable or disabled controls. People using the keyboard or screen readers can't consistently access or read tooltips associated with elements that can't receive focus or are disabled. Consider having the information statically available on the page or through a "help"-style toggle button.