Is this skill limited to Astro projects?

While it is currently optimized for Astro's directory structure and build patterns, the underlying logic of mapping build errors to sources can be adapted for similar frameworks.

Which accessibility standards does it check?

It focuses on essential accessibility markers including labels, focus management, ARIA attributes, heading hierarchy, and keyboard operability.

What happens if a source file cannot be found?

If the skill cannot trace a dist error back to a source file, it provides the path to the dist file and line number with an explanation to help you locate it manually.

How does it find errors in Astro source files?

The skill analyzes the build output in the dist folder and uses string matching and class tracing to locate the corresponding source code within the src directory.

Does it automatically apply fixes to my code?

Yes, the execution policy is designed to apply the simplest valid fixes to resolve issues immediately after analysis, followed by a re-audit for confirmation.

Accessibility Markup Checker

Name: Accessibility Markup Checker
Author: xx-suzuki

byxx-suzuki

0•

Security & Testing

Audits and remediates web accessibility issues by mapping W3C and markuplint reports from build outputs back to Astro source components.

The Accessibility Markup Checker is a specialized workflow skill designed to automate the detection and remediation of accessibility (A11y) violations. By leveraging W3C validation and markuplint on production build outputs, it identifies critical issues in labels, focus management, ARIA attributes, and heading structures. The skill intelligently maps errors from generated HTML back to the original Astro source files using snippet matching and CSS class tracing, applies automated fixes, and re-validates the code to ensure high standards of technical compliance and inclusivity.

Key Features

01Automated remediation of ARIA roles, labels, and semantic structures

020 GitHub stars

03Automated A11y auditing via W3C and markuplint integration

04Source-to-build mapping for precise error location in Astro components

05Iterative 'audit-fix-confirm' workflow to ensure issue resolution

06Validation of keyboard navigation and interactive UI focus states

Use Cases

01Validating form accessibility and interactive UI element behavior

02Refactoring legacy frontend components for better screen reader support

03Ensuring WCAG compliance in complex Astro-based web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xx-suzuki/astro-sandbox markup-checker

For use in Claude.ai and ChatGPT

Download Skill