Visible focus outline versus ARIA live region announcements in StackBlitz modal dialogs
0 reputation · 29 Jun 2023, 17:55 UTC
Focus indication conflict in StackBlitz modals
When a modal dialog opens in StackBlitz, the interface currently applies both a visible CSS outline to the newly focused element and an ARIA live region announcement for screen‑reader users. The design does not specify which mechanism should take precedence, which can result in duplicate announcements or a missing visual cue when users rely on high‑contrast themes or have live regions disabled.
The uncertainty lies in defining a rule for priority that satisfies WCAG 2.1 2.4.7 for sighted keyboard users while also providing reliable feedback for assistive‑technology users without causing redundancy.
Which approach should be prioritized, and how should the alternative be handled to avoid conflicting feedback?
- Should the visible focus outline be suppressed when an ARIA live region announcement is made for a modal?
- Should ARIA live region announcements be delayed until after the modal closes to prevent duplicate feedback?
- Could a user‑configurable setting let individuals choose which mechanism takes precedence?
