# 语义与基础可用性检查项

## 语义化与结构

- 可点击元素用 `div`、`span` 模拟，但没有使用语义化的 `button`、`a`、`label` 等标签
- 结构性区域缺少明确语义，导致导航、主内容、表单分组或标题层级不清晰
- 图片、图标按钮、仅视觉可见内容缺少可读文本、`alt` 或等价名称

## 基础交互与焦点

- 新增弹窗、抽屉、菜单、下拉层后，没有焦点管理、Esc 关闭或 Tab 顺序控制
- 关键交互只能靠鼠标触发，键盘无法访问或无法感知当前焦点
- 状态切换后焦点丢失，用户无法继续操作

## 表单与状态反馈

- 输入框、复选框、单选框缺少关联标签、必填说明或错误提示
- 加载中、禁用、展开/收起、选中等状态只有视觉变化，没有通过文本或明确状态提示表达
- 校验错误只改变颜色，没有给出明确的文字反馈

## 视觉与可读性

- 仅依赖颜色区分成功/失败、启用/禁用、选中/未选中等状态
- 文本与背景对比度不足，或字体尺寸、点击区域明显影响可读性与可操作性

## 排查思路

审查时依次问自己：

- 不使用鼠标时，用户是否仍能完成关键流程？
- 语义结构、控件名称和状态表达是否仍能支撑主流程理解与操作？
- 这次改动有没有把原本可正常操作的控件退化成只对视觉用户友好的实现？
- 如果没有明确代码路径支撑，不作为正式问题输出。