Skip to content

frontend: harden open with dialog accessibility #30

@theg1239

Description

@theg1239

Summary

  • add focus trapping and ESC key handling so the dialog is keyboard friendly
  • improve ARIA labelling (role="dialog", aria-labelledby, aria-describedby) and ensure buttons announce their purpose
  • write a component test (React Testing Library + user-event) to cover keyboard navigation across the radio list and action buttons

Acceptance Criteria

  • opening the dialog moves focus to the first radio and keeps focus inside until closed
  • pressing ESC or clicking the backdrop calls onClose
  • automated test verifies tab/shift+tab order and has no axe-core violations

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions