Accessibility and Visual Regression Test Setup
Automate checks for accessibility and appearance.
The Open buttons send the prompt text as currently shown below to that site only when you click. Fill in the placeholders first.
Set up automated accessibility and visual regression testing in my project. Framework and test runner: [FRAMEWORK_AND_TEST_RUNNER]. Continuous integration system: [CI_SYSTEM]. Pages and components to cover: [COVERAGE_TARGETS]. Design system or component library: [DESIGN_SYSTEM]. Provide a setup guide as a checklist, with commands and code: [ ] Pick an accessibility engine and integrate it into component tests and end-to-end tests; fail the build on serious and critical violations; keep a documented baseline for known issues with an owner and date [ ] Cover states: default, focus, error, loading, empty, open menus and dialogs [ ] Add linting rules for accessibility in the code editor and in CI [ ] Configure visual regression: choose a tool, set the browsers and viewports (mobile, tablet, desktop), freeze time and animations, mock data, and wait for fonts and images to load [ ] Store baseline images in a controlled way and define the review process for intentional changes [ ] Reduce flakiness: stable data, no random content, masking of dynamic regions [ ] Run on pull requests with results attached as comments or artifacts [ ] Add dark mode and high-contrast variations if supported [ ] Define what automation cannot catch and schedule manual checks (keyboard, screen reader, zoom) [ ] Metrics: violations over time, flake rate, review time Deliver sample configuration files, two sample tests, and a one-page team guide for handling failures.
Fill in before use
Optional: type your details and the prompt above updates. Nothing is saved or sent.
Replace each bracketed placeholder with your own details, then paste into ChatGPT, Gemini, Claude or another assistant.