Figma 设计无障碍插件
在写下第一行代码之前就发现无障碍问题。在 Figma 中选中一个图层，即可立即获得 WCAG 对比度和目标尺寸检测结果，无需上传，也无需 API 令牌。
色彩对比度
采用 WCAG AA/AAA 对比度计算方法，对半透明填充进行 alpha 合成处理。它会向上遍历父级画框以找到真实背景色，与网页扫描器使用的公式相同。
目标尺寸（WCAG 2.5.8）
标记出尺寸小于 24×24px 最小标准的交互元素（即带有原型点击或轻触反应的节点）。
在 Figma 中选中一个图层。结果会随您的选择变化实时更新。
尚未上架 Figma Community 应用市场。该插件功能完整可用，但尚未发布应用市场列表。在此期间，请按照以下步骤从源代码安装。
从源代码安装
- 1
下载源代码
将 AccessiSight 代码仓库克隆到您的计算机（或下载 packages/figma-plugin 文件夹）。
- 2
打开 Figma 的插件开发菜单
Menu → Plugins → Development → Import plugin from manifest…
- 3
选择清单文件
在您下载的 packages/figma-plugin 文件夹中选择 manifest.json 文件。
- 4
在选中内容上运行
在您的文件中选中任意文本或交互图层，然后从 Plugins → Development 运行 AccessiSight。更改选择内容时，问题会立即显示出来。