Skip to content

[jules] a11y: Complete keyboard navigation for Dashboard and Friends pages #310

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Devasy wants to merge 1 commit into
base: main
Choose a base branch
from
+125 −46
Open

[jules] a11y: Complete keyboard navigation for Dashboard and Friends pages #310

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions .Jules/changelog.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,13 @@
- Covered Auth, Dashboard, Groups, and Utility screens.
- **Technical:** Updated all files in `mobile/screens/` to compliant with React Native accessibility standards.

- **Web App Accessibility:** Completed keyboard navigation system for Dashboard and Friends pages.
- **Features:**
- Added theme-aware `focus-visible` states to all interactive elements, matching both Glassmorphism and Neobrutalism designs.
- Improved ARIA properties on `Friends` page to correctly announce expandable containers (`aria-controls`, `aria-expanded`).
- Made Quick Action lists, individual/group comparison balances, error states, and search components accessible.
- **Technical:** Modified `web/pages/Dashboard.tsx` and `web/pages/Friends.tsx` inline classes.

- **Mobile Pull-to-Refresh:** Implemented native pull-to-refresh interactions with haptic feedback for key lists.
- **Features:**
- Integrated `RefreshControl` into `HomeScreen`, `FriendsScreen`, and `GroupDetailsScreen`.
Expand Down
7 changes: 7 additions & 0 deletions .Jules/todo.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,13 @@
- Impact: Full keyboard accessibility for power users
- Size: ~50 lines

- [x] **[a11y]** Complete keyboard navigation for Dashboard and Friends pages
- Completed: 2026-03-31
- Files: `web/pages/Dashboard.tsx`, `web/pages/Friends.tsx`
- Context: Add keyboard handling and focus-visible rings to interactive elements (group lists, expand buttons, search, actions)
- Impact: Full keyboard accessibility for core application views across both UI themes
- Size: ~30 lines

- [x] **[ux]** Comprehensive empty states with illustrations
- Completed: 2026-01-01
- Files: `web/pages/Groups.tsx`, `web/pages/Friends.tsx`
Expand Down
Loading
Loading