Accessible Picker Widget
Component Detail
User Interface
medium complexity
Shared Component
mobile
0
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
WCAG 2.2 AA compliant reusable picker widget providing 44×44px touch targets, keyboard-accessible numeric inputs, and screen reader semantic labels. Used by the date/time step and reusable across the application wherever accessible pickers are needed.
accessible-picker-widget
Responsibilities
- Enforce minimum 44×44px touch target sizes
- Provide keyboard-accessible number input fallback
- Attach semantic labels for screen reader compatibility
- Support configurable value range and step increments
- Emit accessible increment/decrement focus events
Interfaces
AccessiblePickerWidget({required String label, required int value, required int min, required int max})
onValueChanged(int value)
buildIncrementButton()
buildDecrementButton()
buildTextInput()
setSemanticLabel(String label)