屏幕阅读器无法读取特殊字符

Question

屏幕阅读器无法读取HTML文件的以下内容。 NVDA读取文本，直到屏幕阅读器读取＆＃34;然后它只读＆amp; （和）=（等于）＆lt; （减）＆gt; （更大），而不是任何其他特殊字符。

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

Answer 1

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

  

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

     

使用ARIA img角色在辅助功能树中公开图像：

     

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

     

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

     

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

     

[...]

     

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

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