2
网页表单标签要和输入框关联：文字放在旁边还不够
#无障碍#表单#网页开发Amy 原创整理｜资料核验：2026-10-30 W3C 的表单教程建议，为文本框、复选框、单选按钮和下拉框提供描述用途的标签。使用显式关联时，label 的 for 值必须与控件的 id 完全相同。 教学示例：标签 for='email' 对应输入框 id='email'。这样辅助技术能识别标签与控件的关系，浏览
新加坡 10-30 01:25 · 吉隆坡 01:25 · 雅加达 00:25 · 曼谷 00:25 · 马尼拉 01:25 · 胡志明 00:25 · 北京 01:25 · 东京 02:25 · 伦敦 17:25 · 纽约 13:25
#无障碍#表单#网页开发Amy 原创整理｜资料核验：2026-10-30 W3C 的表单教程建议，为文本框、复选框、单选按钮和下拉框提供描述用途的标签。使用显式关联时，label 的 for 值必须与控件的 id 完全相同。 教学示例：标签 for='email' 对应输入框 id='email'。这样辅助技术能识别标签与控件的关系，浏览
#无障碍#写作#网页Amy 原创整理｜资料核验：2026-10-29 W3C 对链接目的的说明强调，读者应能从链接文字本身，或它与可由程序识别的上下文，判断链接用途。屏幕阅读器可以单独列出页面链接，因此有意义的文字能减少来回查找。 教学改写：将“详情点击这里”改为“查看退货条件”，将“下载”改为“下载活动报名表”。如果确有必要用简短文
#前端#动效#无障碍Amy 原创整理｜资料核验：2026-10-29 MDN 说明，prefers-reduced-motion 用于检测用户是否在设备上启用了减少非必要动态效果的偏好。页面可以据此移除、减弱或替换动画。 教学示例： @media (prefers-reduced-motion: reduce) { .decora
#无障碍#网页#设计Amy 原创整理｜资料核验：2026-10-29 W3C 的 alt 决策树根据图片在当前页面的作用判断替代文本：有意义的图片应传达相关信息；纯装饰图通常使用空 alt；作为按钮或链接的图片，则需说明动作或目的地。 教学示例：放大镜若是唯一的搜索按钮内容，替代文本可表达“搜索”，而不是只写“一个放大镜”。复杂图表还