Skip to content

[UI/UX Design] Design an accessibility statement page with contact-for-issues form #310

Description

@thlpkee20-wq

Description

Design a dedicated Accessibility page that states our WCAG 2.1 AA conformance target, known issues, contact form, and last-review date, discoverable from the footer.

Requirements and context

  • Must be accessible (WCAG 2.1 AA), responsive, and documented in the design system
  • Should be consistent with existing patterns and easy to review
  • Relevant code: src/pages/Accessibility.tsx (new), src/components/Footer.tsx

Suggested execution

  • Fork the repo and create a branch
  • git checkout -b uiux/accessibility-page
  • Implement changes
    • Page layout with sections: statement, standards, known issues, contact
    • Contact form with required fields and success confirmation
    • Footer link and sitemap entry
  • Validate accessibility and responsive assumptions

Test and commit

  • Run checks
    • npm run lint and component/visual tests
  • Cover edge cases
    • keyboard-only submission, error-state field summary, screen-reader landmark
  • Include screenshots/before-after and accessibility (axe) notes

Example commit message

design: accessibility statement page

Guidelines

  • Minimum 95 percent test coverage
  • Clear documentation
  • Timeframe: 96 hours

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions