可访问性
A3S UI 从语义化 HTML 开始,只在原生元素无法表达复合交互时添加 ARIA。样式选择器不会要求虚假的 ARIA role。
基本要求
- 操作使用
<button>,页面跳转使用<a>。 - 每个表单控件都要关联可见
<label>或可访问名称。 - 优先使用
disabled、required、checked与原生校验,再添加自定义状态。 - 保持可见焦点环与符合阅读顺序的键盘顺序。
- 分组选项和 Ribbon 命令组使用
<fieldset>与<legend>。 - 使用边界明确的
status或alert区域播报异步结果。 - 在 200% 缩放与 320px 视口下仍保留文本和结构。
复合组件
参数
方向从 dir="rtl" 继承。组件使用逻辑属性,只有带方向含义的图标才应翻转。动效遵循用户的减少动效偏好。深色模式必须保持文本、边界、焦点与状态对比度。