🎨 Palette: Add accessibility labels to app bar

.jules/palette.md

@@ -0,0 +1,3 @@
+## 2025-04-16 - App Bar and Drawer icon buttons lacked ARIA labels
+**Learning:** The custom App Bar and DrawerMenu had icon-only buttons for back, menu, and close, which were missing accessibilityLabel properties, making them hard to use for screen reader users.
+**Action:** Add accessibilityLabel along with accessible={true} and accessibilityRole="button" for all icon-only buttons to ensure they are screen-reader accessible.

App.tsx

@@ -193,11 +193,11 @@ function AppInner() {
       >
         <View style={[StyleSheet.absoluteFill, { backgroundColor: colors.appBar }]} />
         {overlay ? (
-          <TouchableOpacity onPress={handleBack} style={styles.iconBtn}>
+          <TouchableOpacity onPress={handleBack} style={styles.iconBtn} accessible={true} accessibilityRole="button" accessibilityLabel={t("back")}>
             <MaterialIcons name="arrow-back" size={22} color={colors.primaryDark} />
           </TouchableOpacity>
         ) : (
-          <TouchableOpacity onPress={() => setDrawerOpen(true)} style={styles.iconBtn}>
+          <TouchableOpacity onPress={() => setDrawerOpen(true)} style={styles.iconBtn} accessible={true} accessibilityRole="button" accessibilityLabel={t("menu")}>
             <MaterialIcons name="menu" size={24} color={colors.primaryDark} />
           </TouchableOpacity>
         )}

src/components/DrawerMenu.tsx

@@ -84,7 +84,7 @@ export default function DrawerMenu({ visible, onClose, onSelect }: Props) {
               style={styles.headerGradient}
             >
               <AeroStaffLogo variant="large" monochrome />
-              <TouchableOpacity onPress={onClose} style={styles.closeIconBtn}>
+              <TouchableOpacity onPress={onClose} style={styles.closeIconBtn} accessible={true} accessibilityRole="button" accessibilityLabel={t("close")}>
                 <MaterialIcons name="close" size={20} color="rgba(255,255,255,0.7)" />
               </TouchableOpacity>
             </LinearGradient>

src/i18n/translations.ts

@@ -7,7 +7,7 @@ const it = {
   overlayManuals: 'Manuali DCS', overlaySettings: 'Impostazioni',
   // Common
   cancel: 'Annulla', save: 'Salva', delete: 'Elimina', error: 'Errore',
-  confirm: 'Conferma', ok: 'OK', add: 'Aggiungi',
+  confirm: 'Conferma', ok: 'OK', add: 'Aggiungi', back: 'Indietro', close: 'Chiudi', menu: 'Menu',
   // Settings
   settingsTitle: 'Impostazioni',
   sectionTheme: 'TEMA',
@@ -165,7 +165,7 @@ const en: typeof it = {
   overlayManuals: 'DCS Manuals', overlaySettings: 'Settings',
   // Common
   cancel: 'Cancel', save: 'Save', delete: 'Delete', error: 'Error',
-  confirm: 'Confirm', ok: 'OK', add: 'Add',
+  confirm: 'Confirm', ok: 'OK', add: 'Add', back: 'Back', close: 'Close', menu: 'Menu',
   // Settings
   settingsTitle: 'Settings',
   sectionTheme: 'THEME',