SensitiveFieldWarningWidget
Component Detail
Description
A reusable widget that wraps sensitive form fields and intercepts accessibility focus events before screen reader content is announced. It renders a confirmation dialog asking the user to confirm before the field value is spoken aloud. Designed to be composable across any screen in the app that handles personal or sensitive data.
sensitive-field-warning-widget
Sources & reasoning
Line 37 explicitly lists 'Varsling ved opplesning av sensitive felt (NHF)' as a concrete accessibility requirement. Blueprint marks this feature [MVP] under the Accessibility area. NHF's user base includes screen reader-dependent users who operate in public community settings where accidental audio disclosure of personal data is a real privacy risk, justifying MVP priority.
-
docs/source/likeperson.md · line 37Varsling ved opplesning av sensitive felt (NHF).
Responsibilities
- Detect when accessibility focus enters a wrapped sensitive field
- Render a blocking confirmation dialog before the field is announced by the screen reader
- Resume or suppress the screen reader announcement based on user response
- Accept configuration props to specify field sensitivity level and custom warning message
- Maintain WCAG 2.2 AA compliance in the dialog itself (focus management, keyboard dismissal)
Interfaces
SensitiveFieldWarningWidget({ children, sensitivityLevel, warningMessage? }): ReactNode
onConfirm(): void
onDismiss(): void