Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

accessibility

Sterne2

Forks0

Aktualisiert10. Juli 2026 um 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

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

genfeedai

genfeedai/genfeed.ai

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

Web- und digitale SchnittstellendesignerInformatik- und Mathematikberufe·SOC 15-1255

Datei-Explorer

3 Dateien

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

Mehr aus diesem Repository

gleiches 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