skills.rest
gab3mioni
gab3mioniCOMMUNITY
Explore all skills by this author →
GitHub

laravel-a11y

Audit Laravel React, Vue, and Inertia components for WCAG 2.2 AA accessibility.

Updated Apr 15, 2026
Search Tags:#testing#accessibility#frontend#wcag#laravel#inertia#aria
One-click install
npx skills add https://github.com/gab3mioni/laravel-claudecode-toolkit --skill laravel-a11y
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: laravel-a11y
Source: https://github.com/gab3mioni/laravel-claudecode-toolkit/tree/main/skills/laravel-a11y
Command: npx skills add https://github.com/gab3mioni/laravel-claudecode-toolkit --skill laravel-a11y

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the critical gap in accessibility for modern Inertia-based Laravel applications, ensuring that complex UI components, forms, and SPA route changes are usable by everyone, including those relying on assistive technologies.

Core Features & Use Cases

  • Semantic UI Auditing: Provides a comprehensive checklist for validating semantic HTML, focus management, and ARIA usage across React and Vue components.
  • Automated Testing Integration: Offers guidance on configuring axe-core, jest-axe, vitest-axe, and pa11y to catch accessibility regressions in CI/CD pipelines.
  • Use Case: When building a custom modal or a complex combobox, use this skill to verify that your implementation correctly handles focus trapping, keyboard navigation, and screen-reader announcements according to W3C APG standards.

Quick Start

Invoke the laravel-a11y skill to audit the current component for WCAG 2.2 AA compliance and generate a list of necessary semantic or keyboard navigation fixes.

Frequently Asked Questions about laravel-a11y

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

FAQPage Schema
How do I audit my Laravel Inertia application for WCAG 2.2 AA compliance?▼

You audit WCAG 2.2 AA compliance in Laravel Inertia apps by validating semantic HTML, enforcing proper focus management, and verifying robust ARIA patterns across React and Vue components to ensure complex UIs are usable.

What is the best way to integrate automated accessibility testing into a Laravel CI pipeline?▼

Integrate automated accessibility testing into Laravel CI pipelines by configuring axe-core, jest-axe, vitest-axe, and pa11y to automatically detect and catch accessibility regressions during development and deployment workflows.

Does this accessibility auditing workflow support both React and Vue components?▼

Yes, the accessibility auditing workflow supports both React and Vue components within Laravel applications, providing comprehensive checklists for validating semantic HTML, focus management, and ARIA usage across both frameworks.

How do I ensure my custom Laravel modal handles focus trapping and keyboard navigation correctly?▼

Ensure custom Laravel modals handle focus trapping and keyboard navigation correctly by verifying implementations against W3C APG standards, confirming that focus trapping, keyboard navigation, and screen-reader announcements function properly.

When do I need to implement ARIA patterns in my Laravel frontend components?▼

Implement ARIA patterns in Laravel frontend components when building complex interactive UIs like custom modals or comboboxes, ensuring they meet WCAG 2.2 Level AA conformance for users relying on assistive technologies.

Related Skills

Explore More Software Engineering Skills→
george-popescugeorge-popescu

context7

Fetch framework documentation via Context7 MCP for research, implementation, and review.

Community
Intermediate
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced
TymorIbrahimTymorIbrahim

react-testing

Automate React component, hook, and page tests with Testing Library, Vitest/Jest, MSW, and axe.

Community
Advanced
rcellasrcellas

vitest-a11y

Write Vitest accessibility tests covering WCAG 2.2 and ARIA APG patterns.

Community
Advanced