Run any Skill in Manus with one click

accessibility

Stars2

Forks0

UpdatedJuly 10, 2026 at 11:21

Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone. Use when creating or reviewing UI components, adding keyboard navigation, checking color contrast, testing with screen readers, or auditing pages for accessibility issues.

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

genfeedai

genfeedai/genfeed.ai

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Web and Digital Interface DesignersComputer and Mathematical Occupations·SOC 15-1255

File Explorer

3 files

SKILL.md

readonly

name	accessibility
description	Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone. Use when creating or reviewing UI components, adding keyboard navigation, checking color contrast, testing with screen readers, or auditing pages for accessibility issues.
metadata	{"version":"1.0.0","tags":"accessibility, a11y, wcag, aria, keyboard-navigation, screen-reader, inclusive-design"}

Accessibility (a11y) Skill

When to Use

Use when you're:

Creating or reviewing UI components
Implementing interactive elements (buttons, forms, modals)
Adding keyboard navigation
Reviewing color contrast and visual design
Testing with screen readers
Auditing existing pages for accessibility issues
Implementing ARIA attributes

Quick Workflow

Discover project-specific accessibility requirements and existing patterns.
Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.
Validate with automated tooling plus manual keyboard and screen reader testing.
Document issues and fixes with examples.

WCAG Principles

Perceivable: text alternatives, contrast, responsive support.
Operable: keyboard access, focus management, timing.
Understandable: clear language, predictable behavior.
Robust: valid HTML and ARIA usage.

References

Full guide: WCAG patterns, component examples, and testing checklists

More from this repository

same repository

source-command-sentry

genfeedai/genfeed.ai

Query Sentry errors, issues, and performance data. Available via MCP in Codex and Cursor, and via API skill in OpenClaw.

2026-07-142

qa-reviewer

genfeedai/genfeed.ai

Runs a structured multi-phase verification pass on completed AI agent work — catching bugs, missed requirements, and incorrect assumptions before changes are committed. Triggers on: "check your work", "review this", after complex multi-step implementations, before committing major refactors, or proactively after any task longer than five steps.

2026-07-122

nextjs-validator

genfeedai/genfeed.ai

Validate Next.js 16 configuration and detect/prevent deprecated patterns. Ensures proxy.ts usage, Turbopack, Cache Components, and App Router best practices. Use before any Next.js work or when auditing existing projects.

2026-07-102

launch-copy-creator

genfeedai/genfeed.ai

Generate channel-conform launch copy for Hacker News (Show HN) and Product Hunt. Triggers on "write a show hn", "show hn title", "hacker news launch", "product hunt tagline", "product hunt launch copy", "maker comment", "launch copy".

2026-07-062

workflow-creator

genfeedai/genfeed.ai

Create Genfeed workflows from natural language descriptions. Triggers on "create a workflow", "build a content pipeline", "make a video generation workflow".

2026-06-292

content-geo-optimizer

genfeedai/genfeed.ai

Optimize long-form content for generative answer engines with a GEO scorecard, citation-ready structure, source attribution, and schema recommendations. Triggers on "optimize for GEO", "AI answer engine optimization", "make this citation-ready", "improve AI Overviews", "optimize for ChatGPT citations".

2026-06-282

name	accessibility
description	Expert in web accessibility (WCAG 2.1 AA compliance) for React/Next.js applications, ensuring all projects are usable by everyone. Use when creating or reviewing UI components, adding keyboard navigation, checking color contrast, testing with screen readers, or auditing pages for accessibility issues.
metadata	{"version":"1.0.0","tags":"accessibility, a11y, wcag, aria, keyboard-navigation, screen-reader, inclusive-design"}

Accessibility (a11y) Skill

When to Use

Use when you're:

Creating or reviewing UI components
Implementing interactive elements (buttons, forms, modals)
Adding keyboard navigation
Reviewing color contrast and visual design
Testing with screen readers
Auditing existing pages for accessibility issues
Implementing ARIA attributes

Quick Workflow

Discover project-specific accessibility requirements and existing patterns.
Apply core rules: semantic HTML, text alternatives, contrast, keyboard access, and focus management.
Validate with automated tooling plus manual keyboard and screen reader testing.
Document issues and fixes with examples.

WCAG Principles

Perceivable: text alternatives, contrast, responsive support.
Operable: keyboard access, focus management, timing.
Understandable: clear language, predictable behavior.
Robust: valid HTML and ARIA usage.

References

Full guide: WCAG patterns, component examples, and testing checklists