如何实现协作光标可访问性？无障碍最佳实践技术问询

以下针对你提出的三个技术问题给出具体的无障碍实现建议：

1. 屏幕阅读器是否应播报该元素，还是使用aria-hidden="true"隐藏？ #

不应默认隐藏协作光标元素，但需提供可配置的关闭选项。
协作光标是实时协作场景中的关键状态信息，视障用户需要知晓其他协作者的编辑位置，才能理解文档的实时变化。但如果多个协作者同时编辑，频繁的光标位置播报会干扰文档朗读体验。因此默认需将光标纳入无障碍树，同时给用户提供全局开关，允许关闭协作光标的播报功能。

2. 纳入无障碍树时的恰当Role及ARIA标签/描述配置 #

推荐使用role="status"作为协作光标元素的角色，该角色用于展示实时更新的非关键性状态信息，不会强制打断屏幕阅读器的当前朗读流程。

• ARIA标签（Label）：直接使用aria-label整合核心信息，格式为"[作者名称]的协作光标"，例如aria-label="张三的协作光标"，让屏幕阅读器快速播报关键身份信息。
• ARIA描述（Description）：如果需要补充光标位置细节（如所在段落、单词），可使用aria-describedby关联一个视觉隐藏的文本元素，内容为"位于第3段单词'协作'中间"。这样用户在需要时可以获取更详细的位置信息，默认播报仅聚焦核心身份。

示例代码片段：

<span role="status" aria-label="张三的协作光标" aria-describedby="cursor-pos-1">
  <!-- 光标视觉渲染元素 -->
</span>
<span id="cursor-pos-1" class="sr-only">位于第3段单词'协作'中间</span>

（注：.sr-only类用于视觉隐藏元素，但保留其在无障碍树中的文本内容）

3. 是否需要设置交互？ #

默认无需设置主动交互，需优先保障文档朗读的连贯性，但可提供被动触发的补充交互：

• 避免默认自动弹出作者信息弹窗或强制打断阅读，仅在用户主动聚焦到协作光标元素（通过Tab键导航）时，才允许展示更多作者详情（如最近编辑记录）。
• 可选实现：当屏幕阅读器导航到光标所在的文档位置时，自动播报光标对应的作者信息，无需用户额外操作，既共享协作状态又不干扰正常阅读流程。

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