html - 删除两个文本元素之间的空格是否存在可访问性问题？ (例如跨度，a)

Question

我想知道拥有此 HTML 是否会以任何方式损害可访问性:

<a href="privacy.html">Privacy</a><a href="terms">Terms</a>

而不是这个:

<a href="privacy.html">Privacy</a> <a href="terms">Terms</a>

或者这个:

<a href="privacy.html">Privacy</a>
<a href="terms">Terms</a>

我在屏幕阅读器的上下文中思考:它会正确识别它们是两个不同的词，而不是“PrivacyTerms”吗？如果我使用 <span> 有区别吗？或任何其他元素而不是 <a> ？

我有时删除空格的原因是我喜欢用 CSS(边距)指定元素之间的确切间隙，并且在源代码中保留空格会根据字体大小添加可视空间，这也是可选择的(当元素可点击时尤其烦人，因为当您将光标从一个元素移动到下一个元素时，光标会从 pointer 变为 text 再变为 default)。如果有更好的方法来解决这个问题，我很乐意听取他们的意见。

Answer 1

在您带有链接的示例中，现在的屏幕阅读器不太可能出现问题。它们将被识别为单独的链接，并以此方式公布。通常，用户会听到每个角色的“链接”角色:“隐私，链接。条款，链接。”

在相邻跨度的情况下，结果因浏览器、操作系统和屏幕阅读器的不同组合而异。这些跨度作为一个单词一起运行，有时会导致发音不正常。我建议在相邻的跨度之间使用空格，只要单词之间通常有空格。

例如，在 recent Drupal issue 中, 一个 <button>包含两个跨度，但没有空格:

<button><span>Collapse</span><span>Development</span></button>

该按钮的可访问名称被计算为“CollapseDevelopment”，一些屏幕阅读器将其读作“Collaps-ey Development”，带有一个额外的音节。最终我发现这取决于屏幕阅读器使用的语音(一些屏幕阅读器可以使用多个文本到语音引擎)。

历史记录:WCAG 1.0(已过时，使用 WCAG 2...)建议如下。注意强调“直到”。

Until user agents (including assistive technologies) render adjacent links distinctly, include non-link, printable characters (surrounded by spaces) between adjacent links. (WCAG 1.0 checkpoint 10.5)

现在这不是问题:“until”子句在几年前就已满足。屏幕阅读器确实会区别对待相邻链接。