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() { > {overlay ? ( - + ) : ( - setDrawerOpen(true)} style={styles.iconBtn}> + setDrawerOpen(true)} style={styles.iconBtn} accessible={true} accessibilityRole="button" accessibilityLabel={t("menu")}> )} 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} > - + 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',