wcag-accessibility

Review web interfaces for WCAG 2.2 Level AA accessibility compliance.

33|6|Updated Apr 19, 2026
One-click install
npx skills add https://github.com/dembrandt/dembrandt-skills --skill wcag-accessibility-dembrandt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wcag-accessibility
Source: https://github.com/dembrandt/dembrandt-skills/tree/main/skills/wcag-accessibility
Command: npx skills add https://github.com/dembrandt/dembrandt-skills --skill wcag-accessibility-dembrandt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps prevent inaccessible user interfaces by identifying and addressing barriers that affect people using keyboards, screen readers, touch devices, and other assistive technologies.

Core Features & Use Cases

  • Accessibility Compliance: Design, build, and review interfaces against WCAG 2.2 Level AA and EN 301 549 requirements.
  • Inclusive Interaction Patterns: Improve colour contrast, keyboard navigation, focus visibility, touch targets, semantic HTML, ARIA usage, forms, error messaging, and dynamic status announcements.
  • Use Case: Review a web application before release to identify contrast failures, missing form labels, inaccessible dialogs, incorrect ARIA, absent skip links, and keyboard navigation issues.

Quick Start

Use the wcag-accessibility skill to review this interface for WCAG 2.2 AA compliance and provide prioritized fixes.

Frequently Asked Questions about wcag-accessibility

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

FAQPage Schema
How do I check my web interface for WCAG 2.2 AA compliance?

To check WCAG 2.2 AA compliance, review your web interfaces for sufficient colour contrast, visible focus states, semantic HTML, keyboard operability, and appropriate ARIA usage. This process identifies barriers affecting screen reader and keyboard users before release.

What is needed to meet EN 301 549 accessibility requirements for web applications?

Meeting EN 301 549 accessibility requirements requires building interfaces with accessible names and labels, usable touch targets, language metadata, skip links, and announced status updates to ensure operability for keyboards, screen readers, and touch devices.

How do I fix keyboard navigation and screen reader barriers in my UI?

Fix keyboard navigation and screen reader barriers by implementing semantic HTML, appropriate ARIA roles, visible focus states, and operable navigation. Ensure forms have accessible labels and dynamic content updates are announced correctly to assistive technologies.

Can I use this to review dynamic content and dialogs for accessibility?

Yes, you can review dynamic content and dialogs for accessibility by verifying they have appropriate ARIA attributes, accessible names, keyboard operability, and announced status updates. This ensures interactive components meet WCAG 2.2 Level AA standards.

What colour contrast ratio is required to pass WCAG 2.2 AA reviews?

WCAG 2.2 AA reviews require sufficient colour contrast between text and background. Evaluating your interface ensures visual elements meet these contrast thresholds, preventing barriers for users with visual impairments and ensuring readable content.

When should I review forms for missing labels and incorrect ARIA?

Review forms for missing labels and incorrect ARIA before release to prevent accessibility failures. Evaluating error messaging and input fields ensures forms are operable and understandable for assistive technology users under WCAG 2.2 AA.