Access Settings Screen from Any Tab
The Settings screen must be reachable via the hamburger menu on every tab of the bottom navigation bar. The screen displays logically grouped card sections for notification settings, accessibility options, language, and account management. All interactive elements must meet the WCAG 2.2 AA touch target minimum of 48×48dp. The card-based layout uses AppSettingsCard widgets driven by design tokens for a consistent, accessible appearance. Organization-specific feature flags loaded at session start control which settings sections are visible for each user's organization.
User Story
Acceptance Criteria
- Given I am on any tab of the app, when I tap the hamburger menu icon, then the Settings screen opens without navigating away from my current tab state
- Given the Settings screen is open, when I view the screen, then settings are grouped into logical card sections (notifications, accessibility, language, account management)
- Given the Settings screen is open, when I interact with any tappable element, then the touch target is at least 48×48dp in all cases
- Given I am a user of any role, when the Settings screen loads, then only the settings sections applicable to my organization's feature flags are displayed
- Given the Settings screen is open, when I navigate back, then I return to the tab I was on before opening settings
Business Value
A consistently accessible settings entry point is a foundational usability requirement. Peer mentors with visual or cognitive impairments need reliable, always-available access to adjust accessibility options without hunting for a settings screen. Reducing friction in finding account controls also lowers support burden across all three organizations.
Components
- Settings Screen ui
- Settings Card Widget ui
- Preferences Service service