From e8c4cde46369a9ec10f0540a3a62e47909d5220a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 01:22:29 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Add=20accessibility?=
 =?UTF-8?q?=20labels=20to=20app=20bar?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: TargetMisser <52361977+TargetMisser@users.noreply.github.com>
---
 .jules/palette.md             | 3 +++
 App.tsx                       | 4 ++--
 src/components/DrawerMenu.tsx | 2 +-
 src/i18n/translations.ts      | 4 ++--
 4 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 .jules/palette.md

diff --git a/.jules/palette.md b/.jules/palette.md
new file mode 100644
index 0000000..2ff7083
--- /dev/null
+++ b/.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.
diff --git a/App.tsx b/App.tsx
index 63cdb27..730ddba 100644
--- a/App.tsx
+++ b/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>
         )}
diff --git a/src/components/DrawerMenu.tsx b/src/components/DrawerMenu.tsx
index e22e073..7e49865 100644
--- a/src/components/DrawerMenu.tsx
+++ b/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>
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index 8ccd1e2..071b21b 100644
--- a/src/i18n/translations.ts
+++ b/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',