Skip to content

[ENHANCEMENT] Frontend has no automated accessibility testing #132

Description

@kilodesodiq-arch

Engineering Gap

No automated accessibility testing (axe-core, jest-axe, or Lighthouse CI) configured. VerificationFlow has good ARIA attributes but other components may not. No accessibility audit.

Codebase Evidence

  • app/frontend/src/components/VerificationFlow.tsx: Good ARIA usage (aria-label, aria-describedby, role=alert, aria-invalid)
  • app/frontend/package.json: No axe-core or jest-axe in devDependencies
  • No accessibility CI check

Risk Profile

Inaccessible UI for aid recipients with disabilities. Non-compliance with accessibility standards.

Remediation Strategy

Add jest-axe to component tests. Add Lighthouse CI accessibility audit. Run on all components. Fix critical violations.

Success Conditions

  • jest-axe added to test suite
  • Lighthouse CI configured
  • Critical violations fixed

Change Surface

Files: package.json, test files, CI config

Security Review

No security impact.

Completion Checklist

  • Implementation completed
  • Tests passing
  • Ready for merge

Metadata

Metadata

Labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions