Accessible No-Access Screen for Screen Reader and Low-Vision Users
The no-access screen must meet all WCAG 2.2 AA accessibility requirements as a baseline. This includes: a minimum contrast ratio of 4.5:1 for all text; interactive elements of at least 44×44 dp touch target size; all images and icons have meaningful alt-text or are marked as decorative; the denial message and action buttons are part of the semantic tree announced by VoiceOver (iOS) and TalkBack (Android); focus order follows a logical reading sequence; and the screen supports dynamic text scaling without layout breakage. Given the Blindeforbundet use case where screen readers are mission-critical, the no-access screen widget must use the semantics wrapper to expose the denial headline as a heading and each action as a button with a descriptive label. The live region announcer should announce the no-access state when the screen appears so users do not need to explore to discover the denial.
User Story
Acceptance Criteria
- Given a VoiceOver user lands on the no-access screen, when the screen appears, then the live region announcer triggers an announcement of the denial headline without requiring manual navigation
- Given a screen-reader user navigates through the no-access screen, when they traverse all focusable elements, then the heading, explanation text, and all action buttons are announced in logical order with appropriate roles
- Given the no-access screen is displayed, when it is evaluated against WCAG 2.2 AA contrast requirements, then all text elements meet a minimum 4.5:1 contrast ratio against the background
- Given a user has increased their device font size to the largest accessibility setting, when the no-access screen renders, then all text is fully visible and no content is truncated or overlapping
- Given the no-access screen contains interactive buttons, when the touch targets are measured, then each button meets the 44×44 dp minimum touch target requirement
Business Value
Blindeforbundet, NHF, and HLF collectively serve users with visual, motor, and cognitive impairments for whom accessibility is not an enhancement but a prerequisite. The no-access screen is a security boundary that all users will encounter, making it a high-visibility touchpoint for accessibility quality. Failures here — such as a screen reader receiving no announcement — directly block users from understanding their situation and recovering, constituting a critical usability failure with potential legal and reputational implications under Norwegian accessibility law (WCAG 2.2 AA is legally required for public digital services in Norway).
Components
- No-Access Screen ui
- Semantics Wrapper Widget ui
- Live Region Announcer ui
- Accessible Touch Target Wrapper ui
- Accessible Text Style System ui
- Contrast-Safe Color Palette Widget ui
- Contrast Ratio Validator Service service
- Dynamic Type Scale Service service
- Accessibility Live Region Announcer infrastructure
- Design Token Theme infrastructure