AppTextField Widget
Component Detail
User Interface
medium complexity
Shared Component
mobile
2
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Accessible text input widget enforcing WCAG 2.2 AA requirements for form fields across the entire app. Requires an explicit accessibility label and associates it with the input via Flutter Semantics, providing clear error state presentation with descriptive messages and sufficient contrast.
app-text-field-widget
Responsibilities
- Require semantic label as mandatory constructor parameter linked via Semantics widget
- Display error messages with descriptive text meeting cognitive accessibility guidelines
- Support keyboard type configuration (email, number, phone, multiline) with correct input actions
- Enforce 4.5:1 contrast for placeholder and input text against background
- Expose focusNode for explicit focus traversal management in form flows
Interfaces
AppTextField({required String semanticLabel, required TextEditingController controller})
AppTextField.email()
AppTextField.password()
AppTextField.multiline()
AppTextField.numeric()
setError(String? errorMessage)
clearError()
requestFocus()
nextFocus(FocusNode next)
Relationships
Dependencies (2)
Components this component depends on