bounswe / bounswe2024group1

Programming Languages Forum
https://programming-languages-forum-ahwzj.ondigitalocean.app/
7 stars 1 forks source link

[Frontend] Add Accessibility tests #482

Closed mmtftr closed 1 week ago

mmtftr commented 1 week ago

πŸ“Œ Implement Testing

🏑 Component

πŸ“š Description

Implement comprehensive accessibility testing across the application to ensure WCAG 2.1 Level A compliance. This includes automated accessibility unit tests

πŸ“‹ Acceptance Criteria

  1. Set up Testing Infrastructure

    • [x] Install and configure testing dependencies (vitest-axe)
    • [x] Set up test utilities for accessibility testing
  2. Page Tests

    • [x] Add accessibility tests for all page components:
    • Question page
    • Tag page
    • Profile page
    • Home page
    • Login page
    • Signup page
  3. Unit Testing

    • [x] Test keyboard navigation flows
    • [x] Test screen reader compatibility
    • [x] Test focus management
    • [x] Test ARIA attributes and relationships
  4. Automated Checks

    • [x] Implement axe-core testing for all pages
    • [x] Add color contrast testing
    • [x] Test heading hierarchy
    • [x] Validate HTML semantics
  5. Test Coverage

    • [x] Achieve full page test coverage for accessibility features

πŸ“… Deadline

πŸ‘β€πŸ—¨ Reviewer

@NazireAta

πŸ” Additional Notes

mmtftr commented 1 week ago

Closed by #475