Skip to content

Commit 8ae5c7e

Browse files
committed
feat(tooltip): Enhance accessibility with ARIA attributes for tooltip component
1 parent c7c4182 commit 8ae5c7e

File tree

1 file changed

+7
-1
lines changed

1 file changed

+7
-1
lines changed

src/components/tooltip/tooltip.ts

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -355,7 +355,13 @@ export default class IgcTooltipComponent extends EventEmitterMixin<
355355
flip
356356
shift
357357
>
358-
<div ${ref(this._containerRef)} part="base">
358+
<div
359+
${ref(this._containerRef)}
360+
part="base"
361+
aria-hidden=${String(!this.open)}
362+
aria-live="polite"
363+
aria-atomic="true"
364+
>
359365
${this.message ? html`${this.message}` : html`<slot></slot>`}
360366
${this.disableArrow ? nothing : html`<div id="arrow"></div>`}
361367
</div>

0 commit comments

Comments
 (0)