wai-aria - 屏幕阅读器不读取特殊字符

Question

屏幕阅读器不会读取 HTML 文件的以下内容。NVDA 读取文本直到“被屏幕阅读器读取”，然后它只读取 & (and) = (equal) < (less) > (greater) 而不是任何其他特殊字符。

<p>
 I want these characters to be read by the Screen Reader "&=`"<>\[]-". 
</p>

Answer 1

使用这种用于表情符号的技术：http: //tink.uk/accessible-emoji/

不过，这些事情很容易解决。我们需要告诉浏览器将表情符号（或其容器）公开为图像，然后给它一个可访问的名称。

使用 ARIAimg角色将其公开为可访问性树中的图像：

<span role="img">&#9731;</span>

然后使用 aria-label 属性给表情符号一个可访问的名称：

<span role="img" aria-label="Snowman">&#9731;</span>

[…]

现在浏览器会将表情符号公开为可访问性树中的图像，并使用 aria-label 属性的值作为其可访问性名称。当屏幕阅读器查询可访问性树时，它将使用此信息告诉用户页面上有雪人 (☃) 的图像。

你必须给它一个角色，否则aria-label将不会被宣布。