skills.rest
mattcowan
mattcowanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wordpress-accessibility-patterns

Audit WordPress themes and forms for WCAG 2.1 accessibility patterns.

Updated Aug 27, 2026
Search Tags:#accessibility#a11y#wcag#pattern#keyboard#wordpress#aria
One-click install
npx skills add https://github.com/mattcowan/claude-wordpress-utilities --skill wordpress-accessibility-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wordpress-accessibility-patterns
Source: https://github.com/mattcowan/claude-wordpress-utilities/tree/main/skills/wordpress-accessibility-patterns
Command: npx skills add https://github.com/mattcowan/claude-wordpress-utilities --skill wordpress-accessibility-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WordPress accessibility (a11y) patterns and WCAG 2.1 compliance guidelines. Use when reviewing WordPress themes, templates, forms, or interactive elements for accessibility, implementing WCAG standards, or checking keyboard navigation, screen reader compatibility, and ARIA patterns.

Core Features & Use Cases

  • WCAG 2.1 Principles and semantic HTML guidance for WordPress
  • Patterns for headings, landmarks, lists, tables, forms, images, media, color and contrast
  • ARIA usage where appropriate and WordPress-specific accessibility considerations

Quick Start

Audit a WordPress site against WCAG-based patterns and apply accessibility improvements across markup, navigation, and media.

Frequently Asked Questions about wordpress-accessibility-patterns

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

FAQPage Schema
How do I make my WordPress theme WCAG compliant?▼

To make a WordPress theme WCAG compliant, audit its templates and interactive elements for semantic HTML, keyboard navigation, ARIA patterns, and color contrast. Apply accessibility improvements across markup, forms, and media to meet WCAG 2.1 standards.

What are the best ARIA patterns for WordPress forms?▼

The best ARIA patterns for WordPress forms combine semantic HTML with appropriate ARIA attributes for error identification, field labeling, and focus management. Use these patterns to ensure screen readers correctly announce form controls and validation messages.

How do I check keyboard navigation on my WordPress site?▼

Check keyboard navigation on your WordPress site by auditing interactive components for proper focus management and tab order. Ensure all functionality is operable without a mouse using established WCAG keyboard accessibility patterns.

When do I need ARIA on WordPress templates?▼

You need ARIA on WordPress templates when semantic HTML alone cannot convey relationships or dynamic states to screen readers. Apply ARIA guidelines to landmarks, live regions, and interactive widgets to ensure compatibility with assistive technologies.

How do I fix color contrast issues in WordPress?▼

Fix color contrast issues in WordPress by auditing your theme's CSS against WCAG 2.1 contrast ratios. Adjust foreground and background color combinations in your stylesheets until text and interactive elements meet the required visual accessibility thresholds.

Related Skills

Explore More Software Engineering Skills→
benjaminhaeberlibenjaminhaeberli

accessibility-review

Audit HTML/CSS/JS projects for WCAG conformance across Blade, Kirby, and PHP templates.

Community
Basic
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate
wpgauravwpgaurav
14

wp-block-quick

Scaffold custom Gutenberg blocks for WordPress using the Block API and @wordpress/scripts.

Community
Intermediate
Montte-erpMontte-erp
6

wcag-audit-patterns

Audit web pages for WCAG 2.2 violations with automated and manual checks.

Official
Intermediate