From e989d09dc7e9b3d97d33418445fc9bfe3a059d2c Mon Sep 17 00:00:00 2001
From: Opulence Chuks <chukwudaluchiemerie@gmail.com>
Date: Thu, 20 Aug 2026 23:40:57 +0100
Subject: [PATCH] feat: improve accessibility across app components and screens

---
 src/components/AchievementGrid.tsx            |  2 +-
 src/components/EarningsSummary.tsx            |  2 +-
 src/components/EmptyState.tsx                 |  2 +-
 src/components/ErrorBoundary.tsx              |  5 ++-
 src/components/ImpactStats.tsx                |  2 +-
 src/components/LoadingSkeleton.tsx            |  3 ++
 src/components/OfflineBanner.tsx              |  1 +
 src/components/PendingProofsBanner.tsx        |  5 ++-
 src/components/RewardBadge.tsx                |  2 +-
 src/components/StreakCard.tsx                 |  2 +-
 src/components/TabBarIcon.tsx                 |  2 +
 src/components/TaskCard.tsx                   |  5 ++-
 src/components/TransactionHistory.tsx         |  8 ++--
 src/screens/EditProfileScreen.tsx             | 11 +++++-
 src/screens/HomeScreen.tsx                    | 24 ++++++++++--
 src/screens/MapScreen.tsx                     | 37 ++++++++++++++++---
 src/screens/NotificationPreferencesScreen.tsx |  6 +++
 src/screens/OnboardingScreen.tsx              | 21 ++++++++++-
 src/screens/ProfileScreen.tsx                 | 11 +++++-
 src/screens/SendTokensScreen.tsx              | 11 +++++-
 src/screens/SubmitProofScreen.tsx             | 17 ++++++++-
 src/screens/SubmitScreen.tsx                  |  4 +-
 src/screens/TaskDetailScreen.tsx              | 11 ++++--
 src/screens/TaskListScreen.tsx                | 17 ++++++++-
 src/screens/WalletScreen.tsx                  |  4 ++
 25 files changed, 182 insertions(+), 33 deletions(-)

diff --git a/src/components/AchievementGrid.tsx b/src/components/AchievementGrid.tsx
index e339632..3fc1b5a 100644
--- a/src/components/AchievementGrid.tsx
+++ b/src/components/AchievementGrid.tsx
@@ -86,7 +86,7 @@ function AchievementTile({ achievement }: { achievement: Achievement }) {
         opacity,
       }}
     >
-      <Text style={{ fontSize: 24 }}>{achievement.icon}</Text>
+      <Text accessible={true} accessibilityRole="image" accessibilityLabel={`${achievement.title} icon`} style={{ fontSize: 24 }}>{achievement.icon}</Text>
       <Text
         style={{
           color: colors.text,
diff --git a/src/components/EarningsSummary.tsx b/src/components/EarningsSummary.tsx
index 15b04b6..1d288c4 100644
--- a/src/components/EarningsSummary.tsx
+++ b/src/components/EarningsSummary.tsx
@@ -83,7 +83,7 @@ export default function EarningsSummary({ activities }: EarningsSummaryProps) {
                 marginBottom: spacing.xs,
               }}
             >
-              <Text style={{ fontSize: 14, width: 24 }}>{item.icon}</Text>
+              <Text accessible={true} accessibilityRole="image" accessibilityLabel={`${item.label} icon`} style={{ fontSize: 14, width: 24 }}>{item.icon}</Text>
               <Text
                 style={{
                   color: colors.text,
diff --git a/src/components/EmptyState.tsx b/src/components/EmptyState.tsx
index 97d5f1d..dbe89f1 100644
--- a/src/components/EmptyState.tsx
+++ b/src/components/EmptyState.tsx
@@ -21,7 +21,7 @@ export default function EmptyState({
         marginTop: spacing.xl * 2,
       }}
     >
-      <Text style={{ fontSize: 64 }}>{icon}</Text>
+      <Text accessible={true} accessibilityRole="image" accessibilityLabel="Empty state icon" style={{ fontSize: 64 }}>{icon}</Text>
       <Text
         style={{
           color: colors.text,
diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx
index 6724b67..c850f80 100644
--- a/src/components/ErrorBoundary.tsx
+++ b/src/components/ErrorBoundary.tsx
@@ -30,6 +30,7 @@ export default class ErrorBoundary extends Component<Props, State> {
       }
       return (
         <View
+          accessibilityLiveRegion="polite"
           style={{
             flex: 1,
             backgroundColor: colors.background,
@@ -38,7 +39,7 @@ export default class ErrorBoundary extends Component<Props, State> {
             padding: spacing.lg,
           }}
         >
-          <Text style={{ fontSize: 48 }}>⚠️</Text>
+          <Text accessible={true} accessibilityRole="image" accessibilityLabel="Warning icon" style={{ fontSize: 48 }}>⚠️</Text>
           <Text
             style={{
               color: colors.text,
@@ -59,6 +60,8 @@ export default class ErrorBoundary extends Component<Props, State> {
             {this.state.error?.message || 'An unexpected error occurred'}
           </Text>
           <TouchableOpacity
+            accessibilityRole="button"
+            accessibilityLabel="Try Again"
             onPress={this.handleRetry}
             style={{
               marginTop: spacing.lg,
diff --git a/src/components/ImpactStats.tsx b/src/components/ImpactStats.tsx
index 4c9037b..9cf261b 100644
--- a/src/components/ImpactStats.tsx
+++ b/src/components/ImpactStats.tsx
@@ -39,7 +39,7 @@ function StatItem({
 }) {
   return (
     <View style={{ alignItems: 'center' }}>
-      <Text style={{ fontSize: 24 }}>{icon}</Text>
+      <Text accessible={true} accessibilityRole="image" accessibilityLabel={`${label} icon`} style={{ fontSize: 24 }}>{icon}</Text>
       <Text
         style={{
           color: colors.text,
diff --git a/src/components/LoadingSkeleton.tsx b/src/components/LoadingSkeleton.tsx
index 9ac6ba4..e50c9d4 100644
--- a/src/components/LoadingSkeleton.tsx
+++ b/src/components/LoadingSkeleton.tsx
@@ -38,6 +38,9 @@ export default function Skeleton({
 
   return (
     <Animated.View
+      accessible={true}
+      accessibilityLabel="Loading..."
+      accessibilityLiveRegion="polite"
       style={[
         {
           width,
diff --git a/src/components/OfflineBanner.tsx b/src/components/OfflineBanner.tsx
index 7ee1cc7..465fd84 100644
--- a/src/components/OfflineBanner.tsx
+++ b/src/components/OfflineBanner.tsx
@@ -12,6 +12,7 @@ export default function OfflineBanner() {
 
   return (
     <View
+      accessibilityLiveRegion="polite"
       style={{
         backgroundColor: colors.warning,
         padding: 8,
diff --git a/src/components/PendingProofsBanner.tsx b/src/components/PendingProofsBanner.tsx
index b950d25..5dcbf00 100644
--- a/src/components/PendingProofsBanner.tsx
+++ b/src/components/PendingProofsBanner.tsx
@@ -37,8 +37,9 @@ export default function PendingProofsBanner({
         alignItems: 'center',
         marginTop: spacing.md,
       }}
+      accessibilityLiveRegion="polite"
     >
-      <Text style={{ fontSize: 20, marginRight: spacing.sm }}>📤</Text>
+      <Text style={{ fontSize: 20, marginRight: spacing.sm }} accessible={true} accessibilityLabel="Outbox">📤</Text>
       <View style={{ flex: 1 }}>
         <Text style={{ color: '#000', fontWeight: '600', fontSize: 13 }}>
           {count} proof{count === 1 ? '' : 's'} waiting to sync
@@ -48,6 +49,8 @@ export default function PendingProofsBanner({
       <TouchableOpacity
         onPress={onRetry}
         disabled={!canRetry}
+        accessibilityRole="button"
+        accessibilityLabel="Retry syncing proofs"
         style={{
           paddingHorizontal: spacing.md,
           paddingVertical: spacing.sm,
diff --git a/src/components/RewardBadge.tsx b/src/components/RewardBadge.tsx
index 72e7a0f..5ff8be0 100644
--- a/src/components/RewardBadge.tsx
+++ b/src/components/RewardBadge.tsx
@@ -52,7 +52,7 @@ export default function RewardBadge({
         alignSelf: 'flex-start',
       }}
     >
-      <Text style={{ fontSize: s.icon, marginRight: s.badge / 4 }}>
+      <Text style={{ fontSize: s.icon, marginRight: s.badge / 4 }} accessible={true} accessibilityLabel={tier.label}>
         {tier.emoji}
       </Text>
       <Text
diff --git a/src/components/StreakCard.tsx b/src/components/StreakCard.tsx
index ebcc660..7808c4f 100644
--- a/src/components/StreakCard.tsx
+++ b/src/components/StreakCard.tsx
@@ -34,7 +34,7 @@ export default function StreakCard({ streak, bestStreak }: StreakCardProps) {
           marginRight: spacing.md,
         }}
       >
-        <Text style={{ fontSize: 28 }}>{streak > 0 ? '🔥' : '🧊'}</Text>
+        <Text style={{ fontSize: 28 }} accessible={true} accessibilityLabel={streak > 0 ? 'Fire' : 'Ice'}>{streak > 0 ? '🔥' : '🧊'}</Text>
       </View>
 
       <View style={{ flex: 1 }}>
diff --git a/src/components/TabBarIcon.tsx b/src/components/TabBarIcon.tsx
index a8f401a..7dde8d3 100644
--- a/src/components/TabBarIcon.tsx
+++ b/src/components/TabBarIcon.tsx
@@ -20,6 +20,8 @@ export default function TabBarIcon({
         fontSize: size,
         opacity: focused ? 1 : 0.5,
       }}
+      accessible={true}
+      accessibilityLabel="Tab icon"
     >
       {emoji}
     </Text>
diff --git a/src/components/TaskCard.tsx b/src/components/TaskCard.tsx
index 4d35754..56b4900 100644
--- a/src/components/TaskCard.tsx
+++ b/src/components/TaskCard.tsx
@@ -41,6 +41,9 @@ export default function TaskCard({
   return (
     <TouchableOpacity
       onPress={() => onPress(id)}
+      accessibilityRole="button"
+      accessibilityLabel={`Task: ${title}`}
+      accessibilityHint="Navigates to task details"
       style={{
         backgroundColor: colors.surface,
         borderRadius: 12,
@@ -52,7 +55,7 @@ export default function TaskCard({
         borderColor: colors.border,
       }}
     >
-      <Text style={{ fontSize: 32, marginRight: spacing.md }}>
+      <Text style={{ fontSize: 32, marginRight: spacing.md }} accessible={true} accessibilityLabel="Task icon">
         {TASK_TYPE_CONFIG[type]?.icon || '📍'}
       </Text>
       <View style={{ flex: 1 }}>
diff --git a/src/components/TransactionHistory.tsx b/src/components/TransactionHistory.tsx
index 54fd588..c7c7540 100644
--- a/src/components/TransactionHistory.tsx
+++ b/src/components/TransactionHistory.tsx
@@ -60,7 +60,7 @@ export default function TransactionHistory({
 
   if (loading) {
     return (
-      <View style={{ marginTop: spacing.xl }}>
+      <View style={{ marginTop: spacing.xl }} accessibilityLiveRegion="polite">
         <Skeleton
           height={18}
           width="40%"
@@ -80,9 +80,9 @@ export default function TransactionHistory({
 
   if (error) {
     return (
-      <View style={{ marginTop: spacing.xl, alignItems: 'center' }}>
+      <View style={{ marginTop: spacing.xl, alignItems: 'center' }} accessibilityLiveRegion="polite">
         <Text style={{ color: colors.error, fontSize: 13 }}>{error}</Text>
-        <TouchableOpacity onPress={loadPayments}>
+        <TouchableOpacity onPress={loadPayments} accessibilityRole="button" accessibilityLabel="Retry loading transaction history">
           <Text
             style={{
               color: colors.primary,
@@ -129,7 +129,7 @@ export default function TransactionHistory({
               borderColor: colors.border,
             }}
           >
-            <Text style={{ fontSize: 20, marginRight: spacing.md }}>
+            <Text style={{ fontSize: 20, marginRight: spacing.md }} accessible={true} accessibilityLabel={isSent ? 'Sent' : 'Received'}>
               {isSent ? '↗️' : '↙️'}
             </Text>
             <View style={{ flex: 1 }}>
diff --git a/src/screens/EditProfileScreen.tsx b/src/screens/EditProfileScreen.tsx
index 63dd658..f5ed243 100644
--- a/src/screens/EditProfileScreen.tsx
+++ b/src/screens/EditProfileScreen.tsx
@@ -70,6 +70,8 @@ export default function EditProfileScreen() {
           <TouchableOpacity
             onPress={() => navigation.goBack()}
             style={{ marginBottom: spacing.md }}
+            accessibilityLabel="Cancel editing profile"
+            accessibilityRole="button"
           >
             <Text style={{ color: colors.primary, fontSize: 16 }}>Cancel</Text>
           </TouchableOpacity>
@@ -99,6 +101,7 @@ export default function EditProfileScreen() {
             onChangeText={setName}
             placeholder="Your name"
             placeholderTextColor={colors.textSecondary}
+            accessibilityLabel="Display Name input"
             style={{
               backgroundColor: colors.surface,
               borderRadius: 12,
@@ -125,6 +128,7 @@ export default function EditProfileScreen() {
             onChangeText={setBio}
             placeholder="Tell others about yourself"
             placeholderTextColor={colors.textSecondary}
+            accessibilityLabel="Bio input"
             multiline
             numberOfLines={4}
             textAlignVertical="top"
@@ -144,6 +148,8 @@ export default function EditProfileScreen() {
           <TouchableOpacity
             onPress={handleSave}
             disabled={isSaving}
+            accessibilityLabel="Save Changes"
+            accessibilityRole="button"
             style={{
               padding: spacing.md,
               backgroundColor: colors.primary,
@@ -152,7 +158,10 @@ export default function EditProfileScreen() {
               opacity: isSaving ? 0.5 : 1,
             }}
           >
-            <Text style={{ color: '#FFF', fontWeight: '600', fontSize: 16 }}>
+            <Text 
+              style={{ color: '#FFF', fontWeight: '600', fontSize: 16 }}
+              accessibilityLiveRegion="polite"
+            >
               {isSaving ? 'Saving...' : 'Save Changes'}
             </Text>
           </TouchableOpacity>
diff --git a/src/screens/HomeScreen.tsx b/src/screens/HomeScreen.tsx
index 71f8761..a25c4ae 100644
--- a/src/screens/HomeScreen.tsx
+++ b/src/screens/HomeScreen.tsx
@@ -65,7 +65,11 @@ export default function HomeScreen() {
           paddingBottom: spacing.lg,
         }}
       >
-        <TouchableOpacity onPress={() => navigation.navigate('Profile')}>
+        <TouchableOpacity 
+          onPress={() => navigation.navigate('Profile')}
+          accessibilityLabel={`Go to Profile. ${getGreeting()}, ${profile?.name || 'Eco Warrior'}`}
+          accessibilityRole="button"
+        >
           <Text style={{ color: colors.textSecondary, fontSize: 16 }}>
             {getGreeting()},
           </Text>
@@ -181,6 +185,8 @@ export default function HomeScreen() {
 
           <TouchableOpacity
             onPress={() => navigation.navigate('Tasks')}
+            accessibilityLabel="Browse Tasks"
+            accessibilityRole="button"
             style={{
               padding: spacing.lg,
               backgroundColor: colors.primary,
@@ -193,7 +199,14 @@ export default function HomeScreen() {
             <Text style={{ color: '#FFF', fontWeight: 'bold', fontSize: 18 }}>
               Browse Tasks
             </Text>
-            <Text style={{ marginLeft: spacing.sm, fontSize: 20 }}>🌿</Text>
+            <Text 
+              style={{ marginLeft: spacing.sm, fontSize: 20 }}
+              accessible={true}
+              accessibilityLabel="Leaves"
+              accessibilityRole="image"
+            >
+              🌿
+            </Text>
           </TouchableOpacity>
         </View>
 
@@ -265,7 +278,12 @@ export default function HomeScreen() {
                       a.status === 'pending' ? colors.warning : colors.border,
                   }}
                 >
-                  <Text style={{ fontSize: 24, marginRight: spacing.md }}>
+                  <Text 
+                    style={{ fontSize: 24, marginRight: spacing.md }}
+                    accessible={true}
+                    accessibilityLabel="Task Icon"
+                    accessibilityRole="image"
+                  >
                     {TASK_TYPE_CONFIG[a.taskType as TaskType]?.icon || '📍'}
                   </Text>
                   <View style={{ flex: 1 }}>
diff --git a/src/screens/MapScreen.tsx b/src/screens/MapScreen.tsx
index 0252496..bc70128 100644
--- a/src/screens/MapScreen.tsx
+++ b/src/screens/MapScreen.tsx
@@ -220,8 +220,14 @@ export default function MapScreen() {
 
       {/* ── Header ── */}
       <View style={styles.header} pointerEvents="box-none">
-        <View style={styles.headerCard}>
-          <Text style={styles.headerTitle}>🗺️ Discover Tasks</Text>
+        <View style={styles.headerCard} accessibilityLiveRegion="polite">
+          <Text 
+            style={styles.headerTitle}
+            accessible={true}
+            accessibilityLabel="Discover Tasks Map"
+          >
+            🗺️ Discover Tasks
+          </Text>
           {isLoading && (
             <ActivityIndicator
               size="small"
@@ -230,7 +236,12 @@ export default function MapScreen() {
             />
           )}
           {error != null && (
-            <TouchableOpacity onPress={refresh} style={styles.retryBtn}>
+            <TouchableOpacity 
+              onPress={refresh} 
+              style={styles.retryBtn}
+              accessibilityLabel="Retry loading tasks"
+              accessibilityRole="button"
+            >
               <Text style={styles.retryText}>Retry</Text>
             </TouchableOpacity>
           )}
@@ -245,6 +256,8 @@ export default function MapScreen() {
               key={km}
               testID={`radius-btn-${km}`}
               onPress={() => setRadiusKm(km)}
+              accessibilityLabel={`Set radius to ${km} kilometers`}
+              accessibilityRole="button"
               style={[
                 styles.radiusOpt,
                 radiusKm === km && styles.radiusOptActive,
@@ -268,6 +281,8 @@ export default function MapScreen() {
         <TouchableOpacity
           testID="recenter-btn"
           style={styles.recenterBtn}
+          accessibilityLabel="Recenter map on your location"
+          accessibilityRole="button"
           onPress={() => {
             mapRef.current?.animateToRegion(
               {
@@ -280,14 +295,26 @@ export default function MapScreen() {
             );
           }}
         >
-          <Text style={styles.recenterIcon}>◎</Text>
+          <Text 
+            style={styles.recenterIcon}
+            accessible={true}
+            accessibilityLabel="Recenter map"
+            accessibilityRole="image"
+          >
+            ◎
+          </Text>
         </TouchableOpacity>
       )}
 
       {/* ── No-location fallback notice ── */}
       {!location && (
         <View style={styles.noLocationBanner} pointerEvents="none">
-          <Text style={styles.noLocationText}>
+          <Text 
+            style={styles.noLocationText}
+            accessible={true}
+            accessibilityLabel="Enable location to see tasks near you"
+            accessibilityLiveRegion="polite"
+          >
             📍 Enable location to see tasks near you
           </Text>
         </View>
diff --git a/src/screens/NotificationPreferencesScreen.tsx b/src/screens/NotificationPreferencesScreen.tsx
index 5b56558..872f204 100644
--- a/src/screens/NotificationPreferencesScreen.tsx
+++ b/src/screens/NotificationPreferencesScreen.tsx
@@ -81,6 +81,8 @@ export default function NotificationPreferencesScreen() {
                   quietHours.to,
                 );
               }}
+              accessibilityLabel={`Cycle Quiet Hours Start Time, currently ${quietHours.from}`}
+              accessibilityRole="button"
               style={{
                 padding: spacing.md,
                 backgroundColor: colors.surface,
@@ -101,6 +103,8 @@ export default function NotificationPreferencesScreen() {
                   `${nh.toString().padStart(2, '0')}:${(m || 0).toString().padStart(2, '0')}`,
                 );
               }}
+              accessibilityLabel={`Cycle Quiet Hours End Time, currently ${quietHours.to}`}
+              accessibilityRole="button"
               style={{
                 padding: spacing.md,
                 backgroundColor: colors.surface,
@@ -114,6 +118,8 @@ export default function NotificationPreferencesScreen() {
 
         <TouchableOpacity
           onPress={() => navigation.goBack()}
+          accessibilityLabel="Done editing preferences"
+          accessibilityRole="button"
           style={{
             marginTop: spacing.lg,
             padding: spacing.md,
diff --git a/src/screens/OnboardingScreen.tsx b/src/screens/OnboardingScreen.tsx
index 18b699e..f222aba 100644
--- a/src/screens/OnboardingScreen.tsx
+++ b/src/screens/OnboardingScreen.tsx
@@ -69,7 +69,14 @@ export default function OnboardingScreen() {
         }}
       >
         <View style={{ alignItems: 'center', marginBottom: spacing.xl * 2 }}>
-          <Text style={{ fontSize: 48, color: colors.primary }}>🌱</Text>
+          <Text 
+            style={{ fontSize: 48, color: colors.primary }}
+            accessible={true}
+            accessibilityLabel="Seedling"
+            accessibilityRole="image"
+          >
+            🌱
+          </Text>
           <Text
             style={{
               fontSize: 32,
@@ -98,6 +105,7 @@ export default function OnboardingScreen() {
               textAlign: 'center',
               marginBottom: spacing.md,
             }}
+            accessibilityLiveRegion="polite"
           >
             {error}
           </Text>
@@ -106,6 +114,8 @@ export default function OnboardingScreen() {
         <TouchableOpacity
           onPress={connectFreighter}
           disabled={busy}
+          accessibilityLabel="Connect Freighter wallet"
+          accessibilityRole="button"
           style={{
             padding: spacing.md,
             backgroundColor: colors.primary,
@@ -127,6 +137,8 @@ export default function OnboardingScreen() {
         <TouchableOpacity
           onPress={connectLobstr}
           disabled={busy}
+          accessibilityLabel="Connect Lobstr wallet"
+          accessibilityRole="button"
           style={{
             padding: spacing.md,
             backgroundColor: colors.surface,
@@ -146,6 +158,8 @@ export default function OnboardingScreen() {
         <TouchableOpacity
           onPress={handleCreateWallet}
           disabled={busy}
+          accessibilityLabel="Create Test Wallet"
+          accessibilityRole="button"
           style={{
             padding: spacing.md,
             backgroundColor: colors.surface,
@@ -164,6 +178,8 @@ export default function OnboardingScreen() {
         <TouchableOpacity
           onPress={() => setShowImport(v => !v)}
           disabled={busy}
+          accessibilityLabel={showImport ? 'Cancel Import' : 'Import Existing Wallet'}
+          accessibilityRole="button"
           style={{
             padding: spacing.md,
             backgroundColor: colors.surface,
@@ -185,6 +201,7 @@ export default function OnboardingScreen() {
               onChangeText={setSecretKey}
               placeholder="Paste your secret key (S...)"
               placeholderTextColor={colors.textSecondary}
+              accessibilityLabel="Secret Key Input"
               secureTextEntry
               autoCapitalize="none"
               autoCorrect={false}
@@ -202,6 +219,8 @@ export default function OnboardingScreen() {
             <TouchableOpacity
               onPress={handleImport}
               disabled={busy || !secretKey.trim()}
+              accessibilityLabel="Import Wallet"
+              accessibilityRole="button"
               style={{
                 padding: spacing.md,
                 backgroundColor: colors.primary,
diff --git a/src/screens/ProfileScreen.tsx b/src/screens/ProfileScreen.tsx
index 65812f3..283f73e 100644
--- a/src/screens/ProfileScreen.tsx
+++ b/src/screens/ProfileScreen.tsx
@@ -49,7 +49,12 @@ export default function ProfileScreen() {
             borderColor: colors.primary,
           }}
         >
-          <Text style={{ fontSize: 36 }}>
+          <Text 
+            style={{ fontSize: 36 }}
+            accessible={true}
+            accessibilityLabel={profile?.avatarUrl ? "User avatar" : "Seedling avatar"}
+            accessibilityRole="image"
+          >
             {profile?.avatarUrl ? '👤' : '🌱'}
           </Text>
         </View>
@@ -156,6 +161,8 @@ export default function ProfileScreen() {
             disconnectWallet();
             logout();
           }}
+          accessibilityLabel="Disconnect and Sign Out"
+          accessibilityRole="button"
           style={{
             marginTop: spacing.lg,
             padding: spacing.md,
@@ -185,6 +192,8 @@ function SettingsRow({
   return (
     <TouchableOpacity
       onPress={onPress}
+      accessibilityLabel={label}
+      accessibilityRole="button"
       style={{
         flexDirection: 'row',
         justifyContent: 'space-between',
diff --git a/src/screens/SendTokensScreen.tsx b/src/screens/SendTokensScreen.tsx
index 1e86006..bb0ae1b 100644
--- a/src/screens/SendTokensScreen.tsx
+++ b/src/screens/SendTokensScreen.tsx
@@ -157,7 +157,7 @@ export default function SendTokensScreen() {
       behavior={Platform.OS === 'ios' ? 'padding' : undefined}
     >
       <View style={{ padding: spacing.lg, paddingTop: spacing.xl }}>
-        <TouchableOpacity onPress={() => navigation.goBack()}>
+        <TouchableOpacity onPress={() => navigation.goBack()} accessibilityRole="button" accessibilityLabel="Cancel">
           <Text style={{ color: colors.primary, fontSize: 16 }}>Cancel</Text>
         </TouchableOpacity>
         <Text
@@ -194,6 +194,7 @@ export default function SendTokensScreen() {
           placeholderTextColor={colors.textSecondary}
           autoCapitalize="none"
           autoCorrect={false}
+          accessibilityLabel="Destination Address"
           style={{
             backgroundColor: colors.surface,
             borderRadius: 12,
@@ -221,6 +222,7 @@ export default function SendTokensScreen() {
           placeholder="0.00"
           placeholderTextColor={colors.textSecondary}
           keyboardType="decimal-pad"
+          accessibilityLabel="Amount"
           style={{
             backgroundColor: colors.surface,
             borderRadius: 12,
@@ -252,6 +254,9 @@ export default function SendTokensScreen() {
             <TouchableOpacity
               key={a}
               onPress={() => setAsset(a)}
+              accessibilityRole="button"
+              accessibilityLabel={`Select asset ${a}`}
+              accessibilityState={{ selected: asset === a }}
               style={{
                 flex: 1,
                 padding: spacing.md,
@@ -277,6 +282,7 @@ export default function SendTokensScreen() {
 
         {error && (
           <Text
+            accessibilityLiveRegion="polite"
             style={{
               color: colors.error,
               textAlign: 'center',
@@ -291,6 +297,9 @@ export default function SendTokensScreen() {
         <TouchableOpacity
           onPress={handleSend}
           disabled={isSending}
+          accessibilityRole="button"
+          accessibilityLabel={isLobstr ? 'Send via Lobstr' : 'Send'}
+          accessibilityState={{ disabled: isSending }}
           style={{
             padding: spacing.md,
             backgroundColor: colors.primary,
diff --git a/src/screens/SubmitProofScreen.tsx b/src/screens/SubmitProofScreen.tsx
index 4ff57eb..9bb5abc 100644
--- a/src/screens/SubmitProofScreen.tsx
+++ b/src/screens/SubmitProofScreen.tsx
@@ -191,7 +191,7 @@ export default function SubmitProofScreen() {
   return (
     <View style={{ flex: 1, backgroundColor: colors.background }}>
       <View style={{ padding: spacing.lg, paddingTop: spacing.xl }}>
-        <TouchableOpacity onPress={() => navigation.goBack()}>
+        <TouchableOpacity onPress={() => navigation.goBack()} accessibilityRole="button" accessibilityLabel="Go back">
           <Text style={{ color: colors.primary, fontSize: 16 }}>Back</Text>
         </TouchableOpacity>
         <Text
@@ -233,7 +233,7 @@ export default function SubmitProofScreen() {
           />
         ) : (
           <View style={{ alignItems: 'center' }}>
-            <Text style={{ fontSize: 64 }}>📷</Text>
+            <Text accessible={true} accessibilityLabel="Camera" style={{ fontSize: 64 }}>📷</Text>
             <Text
               style={{ color: colors.textSecondary, marginTop: spacing.md }}
             >
@@ -244,6 +244,8 @@ export default function SubmitProofScreen() {
             {hasPermission === false && (
               <TouchableOpacity
                 onPress={requestPermission}
+                accessibilityRole="button"
+                accessibilityLabel="Grant Permission"
                 style={{ marginTop: spacing.md, padding: spacing.sm }}
               >
                 <Text style={{ color: colors.primary }}>Grant Permission</Text>
@@ -277,6 +279,7 @@ export default function SubmitProofScreen() {
 
       {progress !== 'idle' && (
         <Text
+          accessibilityLiveRegion="polite"
           style={{
             color:
               progress === 'confirmed'
@@ -294,6 +297,7 @@ export default function SubmitProofScreen() {
 
       {error && (
         <Text
+          accessibilityLiveRegion="polite"
           style={{
             color: colors.error,
             textAlign: 'center',
@@ -313,6 +317,9 @@ export default function SubmitProofScreen() {
           <TouchableOpacity
             onPress={handleCapture}
             disabled={isSubmitting}
+            accessibilityRole="button"
+            accessibilityLabel="Take Photo"
+            accessibilityState={{ disabled: isSubmitting }}
             style={{
               flex: 1,
               padding: spacing.md,
@@ -338,6 +345,9 @@ export default function SubmitProofScreen() {
                 setActivityId(null);
               }}
               disabled={isSubmitting}
+              accessibilityRole="button"
+              accessibilityLabel="Retake Photo"
+              accessibilityState={{ disabled: isSubmitting }}
               style={{
                 flex: 1,
                 padding: spacing.md,
@@ -353,6 +363,9 @@ export default function SubmitProofScreen() {
             <TouchableOpacity
               onPress={handleSubmit}
               disabled={isSubmitting}
+              accessibilityRole="button"
+              accessibilityLabel="Submit Proof"
+              accessibilityState={{ disabled: isSubmitting }}
               style={{
                 flex: 1,
                 padding: spacing.md,
diff --git a/src/screens/SubmitScreen.tsx b/src/screens/SubmitScreen.tsx
index 565fbe8..ed3bcad 100644
--- a/src/screens/SubmitScreen.tsx
+++ b/src/screens/SubmitScreen.tsx
@@ -45,7 +45,7 @@ export default function SubmitScreen() {
         Submit Proof
       </Text>
       <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-        <Text style={{ fontSize: 64 }}>📸</Text>
+        <Text accessible={true} accessibilityLabel="Camera" style={{ fontSize: 64 }}>📸</Text>
         <Text
           style={{
             color: colors.text,
@@ -69,6 +69,8 @@ export default function SubmitScreen() {
         </Text>
         <TouchableOpacity
           onPress={() => navigation.navigate('Tasks')}
+          accessibilityRole="button"
+          accessibilityLabel="Browse Tasks"
           style={{
             marginTop: spacing.lg,
             paddingVertical: spacing.md,
diff --git a/src/screens/TaskDetailScreen.tsx b/src/screens/TaskDetailScreen.tsx
index b397fb4..00936d5 100644
--- a/src/screens/TaskDetailScreen.tsx
+++ b/src/screens/TaskDetailScreen.tsx
@@ -62,8 +62,8 @@ export default function TaskDetailScreen() {
           alignItems: 'center',
         }}
       >
-        <Text style={{ color: colors.error }}>{error || 'Task not found'}</Text>
-        <TouchableOpacity onPress={loadTask} style={{ marginTop: spacing.md }}>
+        <Text accessibilityLiveRegion="polite" style={{ color: colors.error }}>{error || 'Task not found'}</Text>
+        <TouchableOpacity onPress={loadTask} accessibilityRole="button" accessibilityLabel="Try Again" style={{ marginTop: spacing.md }}>
           <Text style={{ color: colors.primary }}>Try Again</Text>
         </TouchableOpacity>
       </View>
@@ -80,6 +80,8 @@ export default function TaskDetailScreen() {
       <View style={{ padding: spacing.lg }}>
         <TouchableOpacity
           onPress={() => navigation.goBack()}
+          accessibilityRole="button"
+          accessibilityLabel="Go back"
           style={{ marginBottom: spacing.md, marginTop: spacing.xl }}
         >
           <Text style={{ color: colors.primary, fontSize: 16 }}>
@@ -87,7 +89,7 @@ export default function TaskDetailScreen() {
           </Text>
         </TouchableOpacity>
 
-        <Text style={{ fontSize: 48, marginBottom: spacing.sm }}>
+        <Text accessible={true} accessibilityLabel="Task icon" style={{ fontSize: 48, marginBottom: spacing.sm }}>
           {TASK_TYPE_CONFIG[task.type]?.icon || '📍'}
         </Text>
         <Text style={{ color: colors.text, fontSize: 24, fontWeight: 'bold' }}>
@@ -192,6 +194,9 @@ export default function TaskDetailScreen() {
 
         <TouchableOpacity
           disabled={isClosed}
+          accessibilityRole="button"
+          accessibilityLabel={isClosed ? 'Task Closed' : 'Start Task'}
+          accessibilityState={{ disabled: isClosed }}
           onPress={() => {
             selectTask({ ...task, id: task.id || taskId });
             navigation.navigate('SubmitProof', {
diff --git a/src/screens/TaskListScreen.tsx b/src/screens/TaskListScreen.tsx
index a4b8310..60d0f51 100644
--- a/src/screens/TaskListScreen.tsx
+++ b/src/screens/TaskListScreen.tsx
@@ -122,8 +122,8 @@ export default function TaskListScreen() {
           alignItems: 'center',
         }}
       >
-        <Text style={{ color: colors.error }}>{error}</Text>
-        <TouchableOpacity onPress={refresh} style={{ marginTop: spacing.md }}>
+        <Text accessibilityLiveRegion="polite" style={{ color: colors.error }}>{error}</Text>
+        <TouchableOpacity onPress={refresh} accessibilityRole="button" accessibilityLabel="Retry" style={{ marginTop: spacing.md }}>
           <Text style={{ color: colors.primary }}>Retry</Text>
         </TouchableOpacity>
       </View>
@@ -159,6 +159,9 @@ export default function TaskListScreen() {
           <TouchableOpacity
             key={t.key}
             onPress={() => setActiveType(t.key)}
+            accessibilityRole="button"
+            accessibilityLabel={`Filter by ${t.label}`}
+            accessibilityState={{ selected: activeType === t.key }}
             style={{
               flexDirection: 'row',
               alignItems: 'center',
@@ -199,6 +202,9 @@ export default function TaskListScreen() {
           <TouchableOpacity
             key={s.key}
             onPress={() => setStatusFilter(s.key)}
+            accessibilityRole="button"
+            accessibilityLabel={`Filter by status ${s.label}`}
+            accessibilityState={{ selected: statusFilter === s.key }}
             style={{
               paddingHorizontal: spacing.md,
               paddingVertical: spacing.xs,
@@ -231,6 +237,7 @@ export default function TaskListScreen() {
           placeholderTextColor={colors.textSecondary}
           autoCapitalize="none"
           autoCorrect={false}
+          accessibilityLabel="Search tasks"
           style={{
             backgroundColor: colors.surface,
             borderRadius: 12,
@@ -256,6 +263,9 @@ export default function TaskListScreen() {
           <TouchableOpacity
             key={opt.key}
             onPress={() => setSortMode(opt.key)}
+            accessibilityRole="button"
+            accessibilityLabel={`Sort by ${opt.label}`}
+            accessibilityState={{ selected: sortMode === opt.key }}
             style={{
               paddingHorizontal: spacing.md,
               paddingVertical: spacing.xs,
@@ -289,6 +299,9 @@ export default function TaskListScreen() {
               <TouchableOpacity
                 key={km}
                 onPress={() => setRadiusKm(km)}
+                accessibilityRole="button"
+                accessibilityLabel={`Radius ${km} kilometers`}
+                accessibilityState={{ selected: radiusKm === km }}
                 style={{
                   paddingHorizontal: spacing.sm,
                   paddingVertical: spacing.xs,
diff --git a/src/screens/WalletScreen.tsx b/src/screens/WalletScreen.tsx
index 1cf6c1f..6fe20e7 100644
--- a/src/screens/WalletScreen.tsx
+++ b/src/screens/WalletScreen.tsx
@@ -156,6 +156,8 @@ export default function WalletScreen() {
 
       <TouchableOpacity
         onPress={() => navigation.navigate('SendTokens')}
+        accessibilityRole="button"
+        accessibilityLabel="Send Tokens"
         style={{
           marginTop: spacing.xl,
           padding: spacing.md,
@@ -169,6 +171,8 @@ export default function WalletScreen() {
 
       <TouchableOpacity
         onPress={disconnectWallet}
+        accessibilityRole="button"
+        accessibilityLabel="Disconnect Wallet"
         style={{
           marginTop: spacing.md,
           marginBottom: spacing.xl,