基于JavaScript的无障碍强制跳转及跳转后通知方案可行性探讨

背景概述 #

客户有数十个已过时超10年的旧公开页面，这些页面布局陈旧、配置老化，甚至可能展示错误信息，因此不希望用户访问；但由于曾公开存在，存在数量未知的外部外链指向它们，故选择保留页面并通过纯客户端方案重定向至新地址，同时计划在新页面显示“您已被重定向至正确位置，请更新引用”的通知。现需判断：旧页面设置立即跳转+新页通知的方案是否符合无障碍设计要求？

可选客户端方案分析 #

• 静态超链接：符合无障碍要求，用户有充足时间了解跳转原因，但客户明确不愿采用该方案。
• 限时meta refresh：违反WCAG无障碍规范，这类带倒计时的自动跳转无法给用户足够的操作或感知时间，不符合无障碍要求。
• 立即meta refresh：客户端执行效率低，跳转耗时超1秒，无法满足快速跳转的需求。
• window.location.replace：跳转速度快，且从SEO角度是可行方案，对应的简化实现代码如下：

<script type="text/javascript">
  var redirectUrl = window.location.origin + "/newpage/?redirect=1"
  if (window.location.search!="")
    redirectUrl = redirectUrl + window.location.search + "&redirect=1";
  window.location.replace(redirectUrl);
</script>

核心问题解答：立即跳转+新页通知是否合规？ #

仅采用无提示的立即window.location跳转+新页面通知的方案，不符合无障碍设计规范。

无障碍设计要求用户需要获得足够时间了解跳转的原因，但无提示的立即跳转下，屏幕阅读器等辅助技术用户可能来不及感知页面跳转的触发逻辑，甚至会误认为是页面加载异常或出错；而新页面的通知无法回溯旧页面的跳转原因，对依赖辅助技术的用户不友好。

合规优化建议 #

要让方案满足无障碍要求，需在旧页面的跳转脚本前添加可被辅助技术识别的即时提示：

1. 添加可见的文本提示，比如：<p role="alert">此页面已迁移，即将为您跳转至新地址...</p>
2. 搭配ARIA属性（如role="alert"）确保屏幕阅读器能即时播报提示内容
3. 可额外提供一个手动跳转的备用链接，作为自动跳转的补充选项，进一步提升无障碍友好性

内容的提问来源于stack exchange，提问作者Timo Pitkäranta