Skip to content

[LOCKLITE-149] Add e2e library to test accessibility#111

Merged
vbetsch merged 26 commits intodevelopfrom
a11y/149-add-lib
Aug 17, 2025
Merged

[LOCKLITE-149] Add e2e library to test accessibility#111
vbetsch merged 26 commits intodevelopfrom
a11y/149-add-lib

Conversation

@vbetsch
Copy link
Owner

@vbetsch vbetsch commented Aug 17, 2025

No description provided.

@vbetsch vbetsch requested a review from Copilot August 17, 2025 17:20
@vbetsch vbetsch self-assigned this Aug 17, 2025
@vbetsch vbetsch added tests About tests configuration, suites or tests accessibility About accessibility labels Aug 17, 2025
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR introduces automated accessibility testing infrastructure using pa11y-ci and implements several accessibility improvements across the UI. The changes focus on establishing automated a11y testing capabilities and fixing color contrast issues to meet WCAG2AA standards.

  • Adds pa11y-ci library and configuration for automated accessibility testing
  • Updates primary color scheme in both light and dark themes for better contrast
  • Implements accessible color palette for avatar components and adds proper labels

Reviewed Changes

Copilot reviewed 8 out of 10 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
tests/e2e/pa11y/config.json Configures pa11y-ci for automated accessibility testing with WCAG2AA standard
src/projects/ui/themes/light.theme.ts Updates primary color for improved contrast compliance
src/projects/ui/themes/dark.theme.ts Updates primary color for improved contrast compliance
src/projects/ui/components/navigation/SearchBar.tsx Adds accessibility label to search input field
src/projects/ui/components/avatars/ColorfulLetterAvatar.tsx Replaces random color generation with predefined accessible colors
package.json Adds pa11y-ci dependency and npm script for accessibility testing
docs/ACCESSIBILITY.md Updates documentation to reflect automated color contrast checking
Makefile Adds new targets for starting server and running accessibility tests

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

This reverts commit f186f92.
@vbetsch vbetsch merged commit d571839 into develop Aug 17, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

accessibility About accessibility tests About tests configuration, suites or tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants