分页中当前页必须用 aria-current="page" 明确标识，仅作用于带 href 的 元素；禁用 aria-disabled 或移除 href；外层容器按需用 或 aria-label 标注；上/下一页按钮须语义正确、可聚焦、有明确标签；动态分页需同步更新 aria-current、手动聚焦并精准播报。
aria-current 怎么用在分页链接上
分页中当前页必须明确暴露给屏幕阅读器，aria-current="page" 是唯一合规做法。不用 class="active" 或 CSS 隐藏文本替代——这些对辅助技术完全不可见。
常见错误：给当前页链接加 aria-disabled="true" 或去掉 href，这会让它失去导航语义，屏幕阅读器可能跳过或误读为普通文字。
- 只对当前页的
@#@#@#@#@#@#@#@#@#@0却不阻止默认行为——这会让焦点卡死、URL 加 hash、且无明确作用描述。- 优先用
<button type="button"></button>，配合aria-label="上一页"（中文必须写全称，不能只写“前”） - 若必须用
<a></a>（如需 SEO 或服务端跳转），href应指向真实分页 URL，不要用#或javascript:void(0) - 禁用状态用
disabled（<button disabled></button>）或aria-disabled="true"+tabindex="-1"，并确保视觉样式同步灰化 - 图标按钮必须配文字（可隐藏但不可移除）：
<button><span class="visually-hidden">下一页</span><svg>...</svg></button>
动态加载分页（如无限滚动+页码）怎么处理
纯 JS 渲染的分页，焦点不会自动落到新页码上，屏幕阅读器也感知不到内容更新。
Article To Html下载文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
关键不是“加 ARIA”，而是控制焦点流和通知变化。简单加
aria-live往往不够准，容易重复播报或漏报。- 页码切换后，用
el.focus()主动聚焦到新页码的<a></a>元素（需确保该元素tabindex="0"或本身可聚焦） - 如果页码是异步插入的，在插入完成后调用
document.getElementById('page-3').setAttribute('aria-current', 'page')，并移除旧页的aria-current - 避免对整个分页容器设
aria-live="polite"，易造成干扰；更稳妥的是在页码变更完成时，用aria-live区域临时播报：“已切换到第 3 页，共 12 页” - 键盘用户按
Tab离开分页后，再回来时应能继续从上次位置操作，别让焦点意外跳走
分页的无障碍难点不在属性堆砌，而在状态同步是否及时、焦点管理是否连贯——尤其在单页应用里，DOM 更新了，但焦点没跟上，
aria-current没切换，aria-live播报时机错位，这些才是实际测试中最常被忽略的环节。 - 优先用
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
