From 2a69ee8facfd2bd214239b2a8cb041f01454cd28 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Mon, 23 Jun 2025 09:29:54 -0500
Subject: [PATCH] Some a11y

---
 src/components/Tooltip/index.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/Tooltip/index.tsx b/src/components/Tooltip/index.tsx
index 8f52f1cdd4..ec1350bac0 100644
--- a/src/components/Tooltip/index.tsx
+++ b/src/components/Tooltip/index.tsx
@@ -131,7 +131,13 @@ export function Target({
   })
 }
 
-export function Content({children}: {children: React.ReactNode}) {
+export function Content({
+  children,
+  label,
+}: {
+  children: React.ReactNode
+  label: string
+}) {
   const {position, ready, onVisibleChange} = useContext(TooltipContext)
   const {targetMeasurements} = useContext(TargetContext)
   const requestClose = useCallback(() => {
@@ -143,6 +149,7 @@ export function Content({children}: {children: React.ReactNode}) {
   return (
     <Portal>
       <Bubble
+        label={label}
         position={position}
         /*
          * Gotta pass these in here. Inside the Bubble, we're Potal-ed outside
@@ -158,11 +165,13 @@ export function Content({children}: {children: React.ReactNode}) {
 
 function Bubble({
   children,
+  label,
   position,
   requestClose,
   targetMeasurements,
 }: {
   children: React.ReactNode
+  label: string
   position: TooltipContextType['position']
   requestClose: () => void
   targetMeasurements: Exclude<
@@ -284,6 +293,14 @@ function Bubble({
 
   return (
     <View
+      accessible
+      role="alert"
+      accessibilityHint=""
+      accessibilityLabel={label}
+      // android
+      importantForAccessibility="yes"
+      // ios
+      accessibilityViewIsModal
       style={[
         a.absolute,
         a.align_start,