嵌入计时器的大型按钮是否存在无障碍访问问题？寻求建议及资源

我正在调研一个购票项目的需求，目前遇到一个问题：按钮里嵌入了倒计时器，担心它存在无障碍访问缺陷，尤其是会让屏幕阅读器用户产生混淆。这个倒计时无法延长，用户必须在规定时间内完成购票，否则订单会直接作废。暂时没找到针对性的参考资料，想请教大家这个场景下的优化建议或相关资源。我的初步思路是让计时器按合理间隔播报剩余时间，同时设置它不能被键盘聚焦，避免干扰按钮导航。

（按钮截图：）

具体优化建议： #

• 计时器播报策略
  别搞每秒播报，太扰民。建议分阶段设置播报频率：剩余时间≥1分钟时，每1分钟播报一次；剩余时间<1分钟但≥10秒时，每10秒播报一次；最后10秒每秒播报一次。播报内容要直白明确，比如“剩余购票时间4分钟”“剩余购票时间15秒”，避免模糊表述。
  给计时器容器添加aria-live="polite"属性，让屏幕阅读器在空闲状态下才播报时间更新，不会打断用户当前操作。

• 键盘交互隔离
  给计时器元素设置tabindex="-1"，确保它不会被键盘Tab键聚焦，避免用户导航按钮时被计时器干扰。同时要保证按钮的可点击区域清晰独立，不要和计时器区域重叠，防止出现误操作。

• 多感官提示补充
  在按钮旁添加一行静态说明文字：“倒计时结束前需完成购票，超时订单将作废”，让视觉用户和屏幕阅读器用户都能明确知晓规则。
  当倒计时临近结束时，除了语音播报，还可以给按钮添加视觉提醒（比如按钮变红、轻微闪烁），兼顾不同用户的感知习惯。

• 参考规范
  可以参考WCAG 2.1的「2.2.1 可调整的时间限制」准则，虽然这里时间无法延长，但仍需确保用户能清晰感知时间限制；另外WAI-ARIA的直播区域使用指南，能帮助你正确实现动态内容的无障碍播报。

内容的提问来源于stack exchange，提问作者144