fix(ui-focusable): make screenreader annouce Tooltip in Focusable exa…

…mple by providing aria props INSTUI-4313
instructure · Feb 14, 2025 · a3cb401 · a3cb401
1 parent e37aee9
commit a3cb401
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/ui-focusable/src/Focusable/README.md b/packages/ui-focusable/src/Focusable/README.md
@@ -15,7 +15,7 @@ type: example
     console.log(options)
     return <span>
       <div>
-        <Button>Focus me!</Button>
+        <Button aria-labelledby="focusable-example1-button focusable-example1-tooltip" id="focusable-example1-button">Focus me!</Button>
       </div>
       {options.focused && (
         <ContextView
@@ -26,6 +26,8 @@ type: example
           padding="small"
           borderWidth="small"
           display="block"
+          id="focusable-example1-tooltip"
+          role="tooltip"
         >
           I&#39;m focused!
         </ContextView>