Skills
.Work. You
Rest

marsai:dev-frontend-accessibility

Official

Guarantee frontend WCAG 2.1 AA compliance.

Software Engineering#testing#accessibility#frontend#qa#axe-core#keyboard-navigation
AuthorV4-Company
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Frontend teams must ensure all UI components meet WCAG 2.1 AA accessibility standards, catching issues early in the development cycle.

Core Features & Use Cases

  • Axe-core automated scans across all component states (default, loading, error, empty, disabled).
  • Keyboard navigation testing (Tab, Enter, Escape, Arrow keys).
  • Focus management validation (focus trap, restoration, auto-focus).
  • ARIA attributes checks and semantic HTML validation.
  • Integration as Gate 2 in the frontend Dev Cycle, paving the way to unit testing.

Quick Start

Trigger Gate 2 accessibility testing after DevOps completion to validate axe-core results and keyboard focus flows.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: marsai:dev-frontend-accessibility
Download link: https://github.com/V4-Company/marsai/archive/main.zip#marsai-dev-frontend-accessibility

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.