Focus Indicator Widget
Component Detail
User Interface
low complexity
Shared Component
mobile
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Reusable focus ring overlay widget that renders a visible, high-contrast focus indicator around any focusable element during keyboard or switch-access navigation. Ensures WCAG 2.4.11 Focus Appearance compliance across all screens.
focus-indicator-widget
Responsibilities
- Render visible focus ring with compliant contrast ratio
- Respond to Flutter FocusNode state changes
- Support customisable ring offset and color via design tokens
- Apply consistently to all AppButton and AppTextField usages
Interfaces
FocusIndicator({required Widget child, FocusNode? focusNode})
setFocusRingColor(Color color): void
setFocusRingWidth(double width): void