页面第一个可获得焦点的元素，键盘 Tab 时出现「跳到主要内容」，把几十个导航项一次跳过。WCAG 2.4.1 的硬性要求。
无障碍
Accessibility
视觉上不可见、但会被屏幕阅读器朗读的文本。用来给纯图标按钮、需要额外解释的标题补语义。
弹窗打开后，Tab 只在弹窗内循环，不会跑到背后的页面上；关闭后焦点回到触发元素。弹窗可用性的底线。
页面局部变化（保存成功、条数更新、加载完成）时自动被屏幕阅读器朗读，不需要焦点移动。
一组按钮里只有「当前项」的 tabindex 是 0，其余是 -1；方向键在组内移动焦点，Tab 一次直接跳出整组。
正文文字与背景的对比度至少 4.5:1，大字号至少 3:1。很多「看起来很高级」的浅灰字其实是不合格的。
用 header / nav / main / aside / footer 等语义标签划分页面大区块，让屏幕阅读器用户能一键跳到任意区域。
可点区域至少 44×44 CSS 像素（iOS HIG）或 48×48dp（Material）。视觉可以小，但点击热区要够大。