Skip to content

Commit b5f40d8

Browse files
fix(Tooltip): make screenreader description less verbose (#8641)
* fix: tooltip screenreader description * fix: add back removed triggerId Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
1 parent f69f887 commit b5f40d8

File tree

1 file changed

+6
-9
lines changed

1 file changed

+6
-9
lines changed

packages/react/src/components/Tooltip/Tooltip.js

Lines changed: 6 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -510,7 +510,8 @@ class Tooltip extends Component {
510510
<div
511511
className={`${prefix}--tooltip__trigger`}
512512
{...properties}
513-
ref={refProp}>
513+
ref={refProp}
514+
aria-describedby={tooltipBodyId}>
514515
<IconCustomElement {...iconProperties} />
515516
</div>
516517
</div>
@@ -519,7 +520,8 @@ class Tooltip extends Component {
519520
id={triggerId}
520521
className={triggerClasses}
521522
ref={refProp}
522-
{...properties}>
523+
{...properties}
524+
aria-describedby={tooltipBodyId}>
523525
{triggerText}
524526
</div>
525527
)}
@@ -544,14 +546,9 @@ class Tooltip extends Component {
544546
onMouseOut={this.handleMouse}
545547
onFocus={this.handleMouse}
546548
onBlur={this.handleMouse}
547-
onContextMenu={this.handleMouse}
548-
role="tooltip">
549+
onContextMenu={this.handleMouse}>
549550
<span className={`${prefix}--tooltip__caret`} />
550-
<div
551-
className={`${prefix}--tooltip__content`}
552-
role="dialog"
553-
aria-describedby={tooltipBodyId}
554-
aria-labelledby={triggerId}>
551+
<div className={`${prefix}--tooltip__content`} role="dialog">
555552
{children}
556553
</div>
557554
</div>

0 commit comments

Comments
 (0)