skills.rest
NarakCODE
NarakCODECOMMUNITY
Explore all skills by this author →
WebsiteGitHub

accessibility

Audit web interfaces for WCAG 2.2 compliance and apply accessibility fixes.

Updated Apr 5, 2026
Search Tags:#accessibility#a11y#frontend#patterns#usability#wcag#aria
One-click install
npx skills add https://github.com/NarakCODE/rakui --skill accessibility-narakcode
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: accessibility
Source: https://github.com/NarakCODE/rakui/tree/main/.agents/skills/accessibility
Command: npx skills add https://github.com/NarakCODE/rakui --skill accessibility-narakcode

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Accessibility gaps in digital products prevent people with disabilities from fully using websites and apps, limiting reach and compliance.

Core Features & Use Cases

  • WCAG 2.2 conformance guidance across POUR principles, practical examples, and ready-to-implement code patterns.
  • Reference patterns for keyboard navigation, focus management, semantic markup, ARIA usage, color contrast, and skip links.
  • Use Case: a developer or designer runs an accessible audit, fixes images without alt text, adds labels, and verifies keyboard operability.

Quick Start

Audit a target page for WCAG 2.2 conformance and apply the recommended accessibility improvements.

Frequently Asked Questions about accessibility

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

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

To audit a web page for WCAG 2.2 compliance, evaluate front-end interfaces, forms, and navigation against POUR principles. This process identifies accessibility gaps like missing alt text or labels, providing actionable patterns for immediate improvement.

What is the best way to fix ARIA usage and semantic markup for screen readers?▼

Fixing ARIA usage and semantic markup involves applying proper ARIA roles and semantic HTML tags to deliver content to assistive technologies. This ensures screen readers correctly interpret digital products without encountering confusing or broken navigation patterns.

How do I ensure keyboard operability and focus management in my web app?▼

Ensure keyboard operability by implementing reference patterns for keyboard navigation and focus management. This allows users to navigate front-end interfaces without a mouse, verifying that interactive elements remain fully accessible via logical focus sequences.

Can I check color contrast and skip link patterns for digital accessibility?▼

Yes, you can check color contrast ratios and skip link patterns to ensure digital accessibility. Enforcing proper color contrast and skip links allows users to bypass repetitive content and perceive visual information effectively.

Does this accessibility audit work for both websites and web apps?▼

Yes, this accessibility audit works for both websites and web apps. It evaluates content delivered to assistive technologies across various front-end interfaces, ensuring consistent WCAG 2.2 conformance regardless of the digital product's complexity.

Related Skills

Explore More Design & Creative Skills→
dvegaa20dvegaa20

accessibility

Audit web pages for WCAG 2.2 accessibility issues and provide prioritized remediation guidance.

Community
Intermediate
MayaDispelerMayaDispeler
3

accessibility-standards

Guide WCAG 2.1 AA and 2.2 AA conformance with ARIA implementation rules.

Community
Advanced
raybargasraybargas

Frontend Accessibility

Enforce frontend accessibility compliance in web UI code.

Community
Basic
johnnystefanjohnnystefan

accessibility

Audit web experiences for WCAG 2.2 accessibility compliance gaps.

Community
Intermediate