docs(ui-focusable): make screenreader annouce Tooltip in Focusable ex…

…ample by providing aria props INSTUI-4313
instructure · Feb 13, 2025 · 66ec22c · 66ec22c
1 parent e37aee9
commit 66ec22c
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="button tooltip" id="button">Focus me!</Button>
       </div>
       {options.focused && (
         <ContextView
@@ -26,6 +26,8 @@ type: example
           padding="small"
           borderWidth="small"
           display="block"
+          id="tooltip"
+          role="tooltip"
         >
           I&#39;m focused!
         </ContextView>