diff --git a/.jules/palette.md b/.jules/palette.md new file mode 100644 index 0000000..81d393a --- /dev/null +++ b/.jules/palette.md @@ -0,0 +1,3 @@ +## 2026-04-15 - Missing ARIA labels on Icon-only buttons +**Learning:** Icon-only buttons without an explicit ARIA label are not announced correctly by screen readers, rendering them inaccessible. This is a common pattern in the React Native codebase where visual icons (like 'delete-outline') are heavily used without text. +**Action:** Always apply `accessible={true}`, `accessibilityRole="button"`, and a descriptive `accessibilityLabel` to `` wrappers surrounding icon-only components. diff --git a/src/screens/NotepadScreen.tsx b/src/screens/NotepadScreen.tsx index 9114a9e..312f44a 100644 --- a/src/screens/NotepadScreen.tsx +++ b/src/screens/NotepadScreen.tsx @@ -109,7 +109,7 @@ export default function NotepadScreen() { {t('notepadTitle')} - +