skills.rest
aquariuscook
aquariuscookCOMMUNITY
Explore all skills by this author →
GitHub

QE Visual Accessibility

Test web applications for visual regressions, responsive design, and WCAG 2.2 AA compliance.

1|Updated Dec 29, 2025
Search Tags:#accessibility#WCAG#responsive design#regression testing#visual testing#web quality
One-click install
npx skills add https://github.com/aquariuscook/Agent_Modus_Map --skill qe-visual-accessibility-aquariuscook
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: QE Visual Accessibility
Source: https://github.com/aquariuscook/Agent_Modus_Map/tree/main/.claude/skills/qe-visual-accessibility
Command: npx skills add https://github.com/aquariuscook/Agent_Modus_Map --skill qe-visual-accessibility-aquariuscook

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the challenges of ensuring web applications meet high standards for visual appearance, responsive design, and accessibility compliance, preventing visual regressions and usability issues.

Core Features & Use Cases

  • Visual Regression Testing: Detects unintended visual changes between different deployment stages.
  • Responsive Design Validation: Verifies how a website renders across various screen sizes and devices.
  • Accessibility Compliance: Audits against WCAG standards to ensure usability for all users.
  • Use Case: Before deploying a new feature, use this Skill to automatically compare the staging environment's visual output against production, check its appearance on mobile and desktop, and run an accessibility audit to catch any new violations.

Quick Start

Run a visual regression test comparing the production and staging environments.

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 in a CI/CD pipeline?▼

Automate visual regression testing by comparing staging and production visual outputs to detect unintended changes. This Skill integrates with CI/CD pipelines to serve as an automated quality gate before deployment.

How do I check my web application for WCAG 2.2 AA accessibility compliance?▼

Check WCAG 2.2 AA accessibility compliance by auditing your web application against standard criteria. This Skill validates usability to catch new violations and ensure access for all users.

What is the best way to validate responsive design across multiple viewports?▼

The best way to validate responsive design is by verifying how your website renders across various screen sizes and devices. This Skill checks multiple viewports to prevent usability issues.

Can I use this to detect visual changes between different deployment stages?▼

Yes, you can detect visual changes between different deployment stages. The Skill performs visual regression testing by automatically comparing visual output to prevent visual regressions.

Do I need any dependencies to run web accessibility and visual testing?▼

No external dependencies are required to run web accessibility and visual testing. The Skill operates independently using its built-in scripts and assets to validate visual quality and compliance.

Why does my web application need both visual testing and accessibility audits?▼

Your web application needs both to ensure high standards for visual appearance and usability. Combining visual regression checks with accessibility audits prevents visual defects and usability barriers.

Related Skills

Explore More Software Engineering Skills→
simoabidsimoabid
1

webapp-testing

Automate web app testing including e2e flows, accessibility audits, visual regression, and API validation with Playwright.

Community
Advanced
tutran27tutran27

vc-web-testing

Automate web testing with Playwright, Vitest, and k6.

Community
Advanced
ConnectiveTCSConnectiveTCS

ui-ux-expert

Guide accessible, responsive UI/UX design with WCAG 2.2 compliance.

Community
Advanced
el-feoel-feo
12

brakeman

Detect security vulnerabilities in Ruby on Rails code via static analysis.

Community
Intermediate