astro-accessibility

Official

Make Astro components accessible and WCAG-compliant.

Authorjhb-software
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill identifies and closes accessibility gaps in Astro components by guiding semantic markup, ARIA usage, keyboard navigation, and accessible images.

Core Features & Use Cases

  • Enforces semantic HTML structure and ARIA best practices, including meaningful markup for headers, navigation, sections, lists, and landmarks.
  • Guides accessible image handling with proper alt text and ARIA labels for interactive elements.
  • Provides guidance for keyboard operability and focus management across components and pages.

Quick Start

Audit an Astro project and implement WCAG 2.1 AA compliant components.

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: astro-accessibility
Download link: https://github.com/jhb-software/payload-astro-website-template/archive/main.zip#astro-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 223,000+ vetted skills library on demand.