qe-visual-accessibility

Automate visual regression testing, responsive design validation, and WCAG 2.2 compliance audits.

Updated Jun 15, 2026
One-click install
npx skills add https://github.com/CENKSSS/valocase-backend --skill qe-visual-accessibility-cenksss
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: qe-visual-accessibility
Source: https://github.com/CENKSSS/valocase-backend/tree/main/.claude/skills/qe-visual-accessibility
Command: npx skills add https://github.com/CENKSSS/valocase-backend --skill qe-visual-accessibility-cenksss

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires qe-browser, vibium, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

Detects UI regressions, validates responsive designs, tests WCAG compliance, and ensures visual consistency after changes, saving time on manual testing.

Core Features & Use Cases

  • Visual Regression Testing: Compares screenshots across viewports to detect changes.
  • Responsive Design Validation: Tests how a website looks on different devices and screen sizes.
  • WCAG Compliance Testing: Audits websites for accessibility standards like WCAG 2.2.
  • Use Case: After deploying a new feature, use this Skill to automatically check for any visual regressions and ensure the website is accessible to all users.

Quick Start

Run the visual regression test for your site by executing the following command: aqe visual test --baseline production --current staging

Frequently Asked Questions about qe-visual-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual regression testing for web applications?

Automate visual regression testing by capturing screenshots across viewports and using pixel-diff analysis to detect UI changes. This skill compares baseline and current environments via browser automation to identify visual regressions automatically.

Can I audit WCAG 2.2 compliance automatically?

Yes, you can audit WCAG 2.2 compliance automatically. The skill scans web applications for accessibility standards, validating compliance to ensure websites are accessible to all users without requiring manual accessibility checks.

What is the best way to validate responsive design across different devices?

The best way to validate responsive design is by testing how a website renders across different devices and screen sizes. The skill automates this validation using browser automation to verify visual consistency.

Do I need qe-browser and Vibium to run visual accessibility tests?

Yes, you need the qe-browser skill for browser interaction and the Vibium engine for execution. These dependencies are required to perform automated screenshot comparisons, pixel-diff analysis, and accessibility audits.

How do I run a visual regression test between staging and production?

Run a visual regression test by executing the command `aqe visual test --baseline production --current staging`. This compares screenshots between environments to detect visual regressions after deploying new features.

Why should I use automated pixel-diff analysis instead of manual UI testing?

Automated pixel-diff analysis detects UI regressions and validates visual consistency faster than manual testing. It compares screenshots across viewports to identify visual changes, saving time and ensuring consistent responsive design after updates.