LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

tryramadan-accessibility - TryRamadan应用可访问性(a11y)实施指南

通过跳过链接、焦点可见性、aria-live、RTL支持和axe-core测试,确保TryRamadan应用对键盘和屏幕阅读器用户的可访问性。

标签

更新于: 2026-02-14

能力

典型输入

典型输出

该技能可以做什么

  • 添加跳过链接
  • 确保焦点可见性
  • 为动态内容添加aria-live属性
  • 为阿拉伯语内容设置RTL方向
  • 运行axe-core测试
  • 使用语义HTML地标元素
  • 为表单添加标签
  • 关联错误信息
  • 为图标按钮添加aria-label

输入

  • UI组件
  • 表单
  • 动态内容
  • 阿拉伯语文本
  • 测试文件
  • React组件

输出

  • 可访问的UI组件
  • Axe测试报告
  • ARIA属性
  • RTL标记
  • 语义化HTML

要求

  • TryRamadan代码库
  • vitest-axe (axe-core)
  • React/JSX环境
  • 测试框架

来源

  • 规范: SKILL.md
可访问性
a11y
前端开发
测试
RTL
ARIA
屏幕阅读器
添加跳过链接
确保焦点可见性
为动态内容添加aria-live属性
为阿拉伯语内容设置RTL方向
UI组件
表单
动态内容
可访问的UI组件
Axe测试报告
ARIA属性