agentleFS
YardonYanYardonYan/ui-design-skills/skills/foundations/a11y-rules/SKILL.md

a11y-rules

Skill0 starsChanged yesterdayApache-2.0View on GitHub

逐条核对界面的可访问性:语义与 ARIA、焦点与键盘、表单、触控热区、读屏、动效与缩放。当要审一份界面哪里对键盘或读屏不友好,或要在写代码前把无障碍要求列全时用。产出是分项规则与检查清单。做通用界面规范审查用 web-design-guidelines,做动效验收用 review-animations,都不走这份。关键词:可访问性、a11y、ARIA、焦点、键盘、触控热区、读屏、表单。

The file

Files
SKILL.md

可访问性细则

按需加载。由仓库根 SKILL.md 判断是否需要,命中后只读本技能 references/ 里用得到的那几份。

目录

路径内容
references/better-accessibility/guide.md可访问性总则,先读这一份
其余 13 个主题目录每个目录一份 guide.md 加若干细则,按主题进入
常用细则hit-areas、focus-and-keyboard、forms、semantics-and-aria、contrast

共 52 份参考文件。按主题进一个目录,先读该目录的 guide.md,再取 1 到 2 份细则。

什么时候别用

要的是可直接打开的页面、图标或配色产物时,走对应的页面类、组件类技能;本技能给的是判断与规则,不负责组装整页。

许可

本技能由本库整合改编,归属与许可统一登记在根目录 THIRD-PARTY.md。

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.