如何让屏幕阅读器不间断地浏览 <span>

Question

我有这个跨度元素：

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

这只是一行“选择开始按钮”，在“开始”一词后面有一个小图标。

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

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

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

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

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

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

Answer 1

听起来屏幕阅读器无法解析您的图标范围 \xe2\x80\x94 ，该范围应该有aria-hidden=\xe2\x80\x9ctrue\xe2\x80\x9d。

\n

请注意，避免将文本项设为标题，除非它们确实是标题。作为一种最佳实践，一个可访问的网页应该只包含一个<h1> 本质上充当页面标题的元素。该单曲下面的其他标题<h1>应该是 an <h2>，这些下面的任何标题都应该是<h3>etc。因此，如果您要走那条路线，我建议您仔细考虑您选择的标题级别。

\n