Community编程与开发github.com

mindrally/accessibility-a11y

遵循 WCAG 指南实施 Web 可访问性（a11y）最佳实践，打造包容、易用的用户界面。

accessibility-a11y 是什么？

该技能旨在帮助开发者和 AI 代理在 Web 项目中系统性地应用可访问性（a11y）最佳实践，严格遵循 WCAG（Web 内容可访问性指南）标准。通过该技能，用户能够检测并修复常见的可访问性问题，如缺失的 ARIA 标签、颜色对比度不足、键盘导航缺陷和屏幕阅读器支持不佳等。它支持多种主流开发平台和 AI 编码工具（如 Claude Code、Cursor、Codex），提供自动化检查建议、代码修复方案和语义化 HTML 结构指导。该技能的核心优势在于将可访问性融入开发流程，减少手动审计工作，确保最终产品对所有用户（包括残障人士）公平、可用，同时符合法律合规性要求。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mindrally/skills/tree/main/skills/accessibility-a11y

Installed? Explore more 编程与开发 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

查看原文→浏览所有技能

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

文档

accessibility-a11y 是做什么的？

遵循 WCAG 指南实施 Web 可访问性（a11y）最佳实践，打造包容、易用的用户界面。

概述

本技能提供了系统化的方法来确保 Web 应用程序满足可访问性标准。它可以帮助您：

  • 识别和修复常见的可访问性问题
  • 确保符合 WCAG 2.1 AA/AAA 级别
  • 优化键盘导航和焦点管理
  • 正确使用 ARIA 属性
  • 确保足够的颜色对比度
  • 支持屏幕阅读器和其他辅助技术

用法

在您的项目中使用此技能，AI 代理将自动应用可访问性最佳实践。例如，在 Claude Code 中，您可以要求：“检查此组件的可访问性”或“为这个表单添加正确的 ARIA 标签”。

关键原则

  1. 可感知：信息和用户界面组件必须以用户能够感知的方式呈现
  2. 可操作：用户界面组件和导航必须可操作
  3. 可理解：信息和用户界面操作必须可理解
  4. 健壮性：内容必须足够健壮，能够被各种用户代理（包括辅助技术）可靠解析

支持平台

  • Claude Code
  • Cursor
  • Codex
  • 其他 AI 编码助手

推荐工具

  • axe-core：自动化可访问性测试
  • Lighthouse：性能与可访问性审计
  • WAVE：视觉反馈工具
  • NVDA / VoiceOver：屏幕阅读器测试

贡献

欢迎提交 Issue 或 Pull Request 来改进此技能。

许可证

MIT

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

mindrally/chrome-extension-development

Expert guidelines for Chrome extension development with Manifest V3, covering security, performance, and best practices. Use when building browser extensions, creating popup UIs, implementing content scripts, working with Chrome APIs, managing extension permissions, or publishing to Chrome Web Store.

mindrally/computer-vision-opencv

Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.

mindrally/data-analysis-jupyter

Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.

mindrally/deep-learning-pytorch

Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.

mindrally/expo-react-native-typescript

Expert in Expo React Native TypeScript mobile development with best practices

mindrally/fastapi-python

Expert in FastAPI Python development with best practices for APIs and async operations

mindrally/framer-motion

Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

mindrally/htmx

HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.

mindrally/jwt-security

Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage

mindrally/machine-learning

Machine learning development with JAX, functional programming patterns, and high-performance computing.

mindrally/mysql-best-practices

MySQL development best practices for schema design, query optimization, and database administration

mindrally/nextjs-react-typescript

Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

mindrally/nextjs-typescript-tailwindcss-supabase

Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.

mindrally/odoo-development

Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture

mindrally/puppeteer-automation

Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.

mindrally/redis-best-practices

Redis development best practices for caching, data structures, and high-performance key-value operations

mindrally/scrapy-web-scraping

Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.

mindrally/scss-best-practices

SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets

mindrally/typeorm

Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases

mindrally/web-scraping

Expert in web scraping and data extraction with Python tools

相关技能

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More 编程与开发 skills