Frontend Accessibility

面向包容性设计的网页无障碍（a11y）标准。在添加语义化 HTML、ARIA 属性、键盘导航，或确保屏幕阅读器兼容性时，请运用此技能。适用于 HTML 结构、交互式元素、表单，以及任何面向用户的功能的开发与优化。

SKILL.md

--- frontmatter

name: Frontend Accessibility
description:
  Web accessibility (a11y) standards for inclusive design. Use this skill when adding semantic HTML,
  ARIA attributes, keyboard navigation, or ensuring screen reader compatibility. Apply when working
  on HTML structure, interactive elements, forms, or any user-facing features.

When to use this skill

•When writing semantic HTML markup in .html files
•When adding ARIA labels, roles, and attributes to interactive elements
•When implementing keyboard navigation for buttons, links, and custom controls
•When ensuring proper heading hierarchy (h1, h2, h3) for screen readers
•When adding alt text to images and meaningful labels to form inputs
•When testing color contrast and visual accessibility
•When creating focus states and visible focus indicators for keyboard users

Frontend Accessibility

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend accessibility.

Instructions

For details, refer to the information provided in this file: frontend accessibility