From f891bf3abbb4f45f8c420477e722a0cbab44a4dc Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Thu, 15 Oct 2026 03:17:08 +0200
Subject: [PATCH] fix: announce buttons as buttons with their disabled and busy
 state

---
 src/components/Button.tsx | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 2f36f67c..89037e7b 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -15,8 +15,13 @@ interface ButtonProps {
   loading?: boolean;
   icon?: React.ReactNode;
   style?: ViewStyle;
+  /** Needed for an icon-only button; a text button reads its text. */
+  accessibilityLabel?: string;
 }
 
+// Extra touch area so even the small sizes reach a 48 dp target.
+const HIT_SLOP: Record<ButtonSize, number> = { sm: 6, md: 4, lg: 2, icon: 4 };
+
 export default function Button({
   variant = 'default',
   size = 'md',
@@ -26,6 +31,7 @@ export default function Button({
   loading = false,
   icon,
   style,
+  accessibilityLabel,
 }: ButtonProps) {
   const c = useColors();
   const styles = React.useMemo(() => makeStyles(c), [c]);
@@ -43,6 +49,10 @@ export default function Button({
       ]}
       onPress={onPress}
       disabled={isDisabled}
+      hitSlop={HIT_SLOP[size]}
+      accessibilityRole="button"
+      accessibilityLabel={accessibilityLabel}
+      accessibilityState={{ disabled: isDisabled, busy: loading }}
     >
       {loading ? (
         <ActivityIndicator