skills.rest
astoeffer
astoefferCOMMUNITY
Explore all skills by this author →
GitHub

wcag-validator

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
One-click install
npx skills add https://github.com/astoeffer/plugin-marketplace --skill wcag-validator
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Education & Research Skills→
mgd34msumgd34msu
4

sass-scss

Preprocess CSS with Sass/SCSS modules, mixins, functions, and nesting.

Community
Intermediate
xlelibertyxleliberty

a11y-audit

Automate detection and remediation of WCAG 2.2 Level A and AA violations in frontend apps.

Community
Advanced
ashaykubalashaykubal
2

test-audit

Audit JavaScript/TypeScript test suites for T1-T4 violations using AST analysis and mock detection.

Community
Advanced
thiagoooo34252thiagoooo34252
1

engineer-accessibility

Scan web applications for WCAG 2.2 violations using axe-core.

Community
Advanced