diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000..4134255 --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,4 @@ +## 2024-05-16 - Add Accessible Props to Icon-Only Touchables + +**Learning:** When using React Native `` for icon-only buttons, screen readers cannot interpret their function, and small touch targets reduce usability. +**Action:** Always include `accessible={true}`, `accessibilityRole="button"`, a descriptive `accessibilityLabel` using `t()`, and a `hitSlop` prop to enlarge the touchable area for better usability and screen reader support. diff --git a/src/components/DrawerMenu.tsx b/src/components/DrawerMenu.tsx index 551ff5d..e857293 100644 --- a/src/components/DrawerMenu.tsx +++ b/src/components/DrawerMenu.tsx @@ -106,7 +106,14 @@ export default function DrawerMenu({ visible, onClose, onSelect }: Props) { style={styles.headerGradient} > - + diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts index e8c19ad..ff0e12a 100644 --- a/src/i18n/translations.ts +++ b/src/i18n/translations.ts @@ -7,7 +7,7 @@ const it = { overlayNotepad: 'Blocco Note', overlayPhonebook: 'Rubrica', overlayPasswords: 'Password', overlayManuals: 'Manuali DCS', overlaySettings: 'Impostazioni', // Common - cancel: 'Annulla', save: 'Salva', delete: 'Elimina', error: 'Errore', + cancel: 'Annulla', close: 'Chiudi', save: 'Salva', delete: 'Elimina', error: 'Errore', confirm: 'Conferma', ok: 'OK', add: 'Aggiungi', profileTitle: 'Profili aeroporto', profileSubtitle: 'Salva aeroporto e compagnie diverse, poi cambia profilo con un tap.', @@ -192,7 +192,7 @@ const en: typeof it = { overlayNotepad: 'Notepad', overlayPhonebook: 'Phonebook', overlayPasswords: 'Password', overlayManuals: 'DCS Manuals', overlaySettings: 'Settings', // Common - cancel: 'Cancel', save: 'Save', delete: 'Delete', error: 'Error', + cancel: 'Cancel', close: 'Close', save: 'Save', delete: 'Delete', error: 'Error', confirm: 'Confirm', ok: 'OK', add: 'Add', profileTitle: 'Airport profiles', profileSubtitle: 'Save different airports and airline sets, then switch profiles with one tap.', diff --git a/src/screens/NotepadScreen.tsx b/src/screens/NotepadScreen.tsx index 9114a9e..2fab6b9 100644 --- a/src/screens/NotepadScreen.tsx +++ b/src/screens/NotepadScreen.tsx @@ -109,7 +109,14 @@ export default function NotepadScreen() { {t('notepadTitle')} - +