wcag-validator

Name: wcag-validator
Availability: InStock
Author: astoeffer

Validate Moodle templates, JavaScript, and CSS for WCAG 2.1 AA accessibility compliance.

Updated Aug 23, 2026

Search Tags:#accessibility #a11y #ARIA #WCAG #mustache #amd

Ready to run

npx skills add https://github.com/astoeffer/plugin-marketplace --skill wcag-validator

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wcag-validator
Source: https://github.com/astoeffer/plugin-marketplace/tree/main/plugins/moodle-dev-pro/skills/wcag-validator
Command: npx skills add https://github.com/astoeffer/plugin-marketplace --skill wcag-validator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automatically validate Moodle templates, JavaScript, and CSS for WCAG 2.1 AA accessibility compliance.

Core Features & Use Cases

HTML Semantics & ARIA: Validate document structure, landmarks, and ARIA usage.
Forms & Media: Check for accessible forms, labels, alt text, and media captions.
Automatic Activation: Triggers when editing templates, AMD modules, or UI components with accessibility concerns.

Quick Start

Activate the WCAG validator when working on Mustache templates, AMD modules, or CSS/SCSS. Run automated checks to generate an accessibility report.

Frequently Asked Questions about wcag-validator

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

FAQPage Schema

How do I validate WCAG 2.1 AA compliance in Moodle templates and JavaScript?▼

WCAG 2.1 AA validation checks Moodle Mustache templates, AMD JavaScript modules, and CSS files for accessibility compliance. The validator identifies issues with HTML semantics, ARIA patterns, keyboard navigation, color contrast, and screen reader compatibility, then generates a detailed accessibility report.

What accessibility checks does a WCAG validator perform on forms and interactive components?▼

WCAG validation checks forms for proper labeling, keyboard navigation, focus management, and accessible error handling. It also validates ARIA patterns, semantic landmarks, and screen reader compatibility to ensure interactive components meet accessibility standards.

Can I automatically check accessibility compliance while editing Moodle templates?▼

Yes. The validator triggers automatically when editing Mustache templates, AMD modules, or CSS files with accessibility concerns, running accessibility checks without requiring manual activation.

What file formats and Moodle components does WCAG validation support?▼

WCAG validation applies to Mustache templates (*.mustache), AMD JavaScript modules (amd/src/*.js), and CSS/SCSS files. It covers forms, modals, dynamic content, and any components involving accessibility discussions.

Does WCAG validation check alt text and media captions for accessibility?▼

Yes. WCAG validation includes checks for alt text on images and captions on media files as part of comprehensive accessibility compliance verification for forms and multimedia content.

What's the difference between validating HTML semantics versus ARIA patterns?▼

HTML semantics validation ensures proper document structure and landmarks; ARIA validation verifies correct ARIA roles, properties, and states for conveying meaning to assistive technologies when native HTML semantics are insufficient.