Speech Input Widget
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Microphone icon button that overlays on any compatible text field (activity summary, notes) to trigger dictation mode. Displays a real-time active recording indicator (visual animation + haptic feedback) during transcription and renders interim results live in the target field.
speech-input-widget
Responsibilities
- Render microphone button meeting WCAG 2.2 AA touch target requirements (minimum 24x24 CSS px) with accessible label
- Show active recording state via visual indicator and trigger haptic feedback
- Display interim transcription results in the target text field in real time
- Provide a stop/cancel control and allow post-transcription editing before save
- Show user-visible notice when Sami language falls back to Norwegian recognition
Interfaces
startRecording(fieldContext: TextFieldContext): void
stopRecording(): void
onInterimResult(text: String): void
onFinalResult(text: String): void
onError(error: SpeechError): void
setRecordingIndicatorVisible(visible: bool): void