skills.rest
webjetcms
webjetcmsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

wj-accessibility

Audit digital content against WCAG 2.2 and implement accessibility fixes.

1|1|Updated Feb 11, 2022
Search Tags:#accessibility#a11y#patterns#wcag#screen-reader#aria#keyboard-navigation
One-click install
npx skills add https://github.com/webjetcms/basecms --skill wj-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wj-accessibility
Source: https://github.com/webjetcms/basecms/tree/main/.agents/skills/wj-accessibility
Command: npx skills add https://github.com/webjetcms/basecms --skill wj-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Digital content often lacks sufficient accessibility, excluding people with disabilities. This skill provides WCAG 2.2-aligned guidance and practical patterns to audit and fix issues.

Core Features & Use Cases

  • WCAG-aligned audit: Evaluate content against POUR principles and WCAG success criteria.
  • Implementation patterns: Use accessible HTML, ARIA patterns, focus management, skip links, live regions, and keyboard navigation.
  • Use Case: A developer reviews a web app and fixes missing alt text, poor color contrast, and non-semantic markup to pass accessibility checks.

Quick Start

Audit a page for WCAG 2.2 compliance and apply the recommended pattern changes to improve accessibility.

Frequently Asked Questions about wj-accessibility

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

FAQPage Schema
How do I audit web content for WCAG 2.2 compliance?▼

To audit WCAG 2.2 compliance, evaluate digital content against POUR principles and success criteria. This process identifies accessibility issues and provides actionable steps using semantic HTML, ARIA patterns, and keyboard navigation fixes.

What is the best way to implement accessible keyboard navigation and focus management?▼

Implement accessible keyboard navigation by applying semantic HTML, correct ARIA usage, and focus management patterns. This ensures users can navigate digital content efficiently without a mouse, meeting WCAG 2.2 accessibility standards.

Can I use this to fix missing alt text and poor color contrast in my web app?▼

Yes, you can fix missing alt text and poor color contrast by applying the implementation patterns provided. The skill audits these specific issues and recommends concrete pattern changes to improve overall content accessibility.

How do screen readers interact with ARIA live regions and semantic HTML?▼

Screen readers interact with ARIA live regions and semantic HTML by interpreting dynamic content updates and document structure. Correct ARIA usage and semantic markup ensure these updates are announced properly to users relying on assistive technologies.

Does WCAG 2.2 require specific patterns for accessible authentication?▼

WCAG 2.2 requires accessible authentication patterns that do not rely solely on cognitive function tests. This skill provides reference patterns to ensure authentication mechanisms meet current accessibility guidelines and supply actionable implementation steps.

Why does my digital content fail accessibility checks for non-semantic markup?▼

Digital content fails accessibility checks for non-semantic markup because it lacks proper HTML structure and ARIA roles, preventing screen readers from interpreting elements correctly. Applying semantic HTML patterns resolves these compliance violations.

Related Skills

Explore More Design & Creative Skills→
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced
zero-rehqzero-rehq

web-design-guidelines

Audit frontend UI against 100+ Web Interface Guidelines rules for accessibility, UX, and performance gaps.

Community
Advanced
calcosmiccalcosmic
9

html-css

Enforce semantic HTML, ARIA, color contrast, and flat CSS architecture.

Community
Intermediate
zeronx798zeronx798

dogfood

Navigate web pages and interact with DOM elements to detect functional, visual, accessibility issues via browser snapshots and console error monitoring, producing structured bug reports.

Community
Advanced