4

我有这个跨度元素：

<span>Select the <strong>START</strong> <span class="icon-start></span> button.</span>

那只是一行写着“选择开始按钮”，在“开始”一词后带有一个小图标。

目前，Microsoft 讲述人（在扫描模式下）读取“选择开始”，然后在图标处暂停并等待用户告诉它继续。我试图让讲述人以零中断或需要用户告诉它继续的情况下阅读整行。

到目前为止，这是我尝试过的：

  • 将aria-hidden="true", tabindex="-1", 和添加role="presentation到图标的<span>

  • 将跨度包裹在 a 中<div>并给出它aria-hidden="true", tabindex="-1", 和role="presentation

  • role="heading"在外部跨度上添加了一个- 这可以使讲述人不间断地阅读所有内容，但他首先宣布“标题级别 1”。如果有办法阻止他说“标题”，那也可以。

是否有角色或 aria 属性告诉屏幕阅读器不停地继续阅读？

4

2 回答 2

0

听起来讲述人的行为与 iOS 设备上的旁白类似。如果您有一个包含嵌套元素的元素，即使您想将其视为一个元素，VoiceOver 也经常在每个元素处停止。您通常可以使用未记录 role="text"的. 我不知道它是否也适用于讲述人。

你会有这样的事情：

<span role="text">Select the <strong>START</strong> <span aria-hidden="true" class="icon-start></span> button.</span>

请注意，我还包含aria-hidden在@garret 明智地推荐的图标上，这样它就不会被阅读。aria-hidden使用时您可能不需要，role="text"但由于该角色未记录且在技术上不受支持，因此您必须对其进行测试。

于 2021-09-05T22:51:18.193 回答
0
于 2021-09-05T20:43:15.497 回答