feat: Sprint 5 - Toast, ConfirmDialog, EmptyStates, Settings, Export/Import, Accessibility (TERLOG-52/53/54/55/56/57/58/59)

components/contacts/ContactCard.tsx

@@ -1,4 +1,4 @@
-import { View, Text, TouchableOpacity } from 'react-native';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
 import { useRouter } from 'expo-router';
 import { ChevronRight } from 'lucide-react-native';
 import { Contact } from '@/store/useContactStore';
@@ -25,9 +25,13 @@ export function ContactCard({ contact, onRefresh }: Props) {
     <TouchableOpacity
       className="bg-white rounded-2xl p-4 flex-row items-center shadow-sm"
       onPress={() => router.push({ pathname: '/contact/[id]', params: { id: contact.id } })}
+      accessibilityRole="button"
+      accessibilityLabel={`${contact.fullName}, ${contact.status}${contact.address ? `, ${contact.address}` : ''}`}
+      accessibilityHint="Tap to view contact details"
+      style={{ minHeight: 72 }}
     >
       <View className="w-12 h-12 rounded-full bg-primary items-center justify-center mr-3">
-        <Text className="text-white font-bold text-lg">{initials}</Text>
+        <Text className="text-white font-bold text-lg" accessibilityElementsHidden>{initials}</Text>
       </View>
       <View className="flex-1">
         <Text className="text-charcoal font-semibold text-base" numberOfLines={1}>{contact.fullName}</Text>
@@ -36,7 +40,7 @@ export function ContactCard({ contact, onRefresh }: Props) {
           <Text className={`text-xs font-medium px-2 py-0.5 rounded-full self-start ${statusStyle}`}>{contact.status}</Text>
         </View>
       </View>
-      <ChevronRight size={18} color="#9CA3AF" />
+      <ChevronRight size={18} color="#9CA3AF" accessibilityElementsHidden />
     </TouchableOpacity>
   );
 }