元素模板
提示
这是一个空模板,旨在作为向库中添加 UI 元素的起点。尝试使其与其他元素保持一致,并填写所有相关部分;如果不可用,可删除标记为“可选”的部分。
概述
此组件的定义/说明/工作原理。
- 前端截图
- 后端截图
如果适用,在此处放置前端/Cassiopeia 截图。不要忘记 alt 文本!
如果适用,在此处放置后端/Atum 截图。不要忘记 alt 文本!
用法
要求(可选)
如果此代码仅在特定上下文或环境中有效,请在此处添加。例如
- PHP 8.0+
- 无 IE 支持
代码片段
- 前端用法
- 后端用法
信息
如果适用,请添加有关在此前端中使用此代码段的说明。
示例前端用法 - 例如,Cassiopia 模板
<!-- HTML Code Snippet Here -->
信息
如果适用,请添加有关在此后端中使用此代码段的说明。
示例后端用法 - 例如,Atum 模板
<!-- HTML Code Snippet Here -->
最佳做法
- 在此处添加最佳做法。例如,“确保仅在执行操作时使用按钮元素,而不是导航到其他页面”。
- 等等
常见错误
- 在此处添加常见错误。
受影响的人员
使用屏幕阅读器的人员需要 ....
有认知障碍的人员需要... 等。
此元素的可访问性对谁的影响最大?
辅助功能测试
- 带屏幕阅读器
- 带 Web 检查器
如何测试使用屏幕阅读器可访问此项目?
- 使用屏幕阅读器导航到 ...
- 确保 ...
- 确保 ...
- 如果 ... 则通过。✅
- 如果 ... 则失败。❌
如何测试使用 Web 检查器可访问此项目?
- 在页面上右键单击并选择“检查 ...”。
- 确保 ...
- 确保 ...
- 如果 ... 则通过。✅
- 如果 ... 则失败。❌
- 如果 ... 则通过。✅
- 如果 ... 则失败。❌
相关的 WCAG 成功标准
- 在此处链接到 WCAG 成功标准。例如
- WCAG 标准 1.3.1 - 信息和关系
相关的 ATAG 指南(可选)
- 在此处链接到 ATAG 指南。例如
- 指南 A.3.2:(针对创作工具用户界面) 为作者提供足够的时间。