Ionic2 如何处理屏幕阅读器文本?

Question

我在iOS设备上打开了voiceOver屏幕阅读器，在ionic2项目上对其进行了测试。

屏幕阅读器读取 html 标签，例如：<h1>的标题 1 还读取带有图像扩展名的图像标签："图像标签 png"表示<img>。

我不需要说html和图像标签。

那么如何处理离子项目中的屏幕阅读器呢？

谢谢。

Answer 1

我相信 VoiceOver 宣布某些内容是标题级别 1、2、3 等是预期的行为，因为它告诉用户文本的重要性级别。

对于图像，如果图像传达了必要的信息，请务必提供 alt 标记来描述图像

<img src="horse.png" at="A gray horse galloping across a green meadow at sunset" />

如果它是没有有用内容的装饰性图像或由周围的文本描述，只需添加一个空的 alt 属性属性，VoiceOver 应该跳过它。

<img src="decorative.png" alt="" />

或

<img src="horse.png" alt="" />
<p>A gray horse galloping across a green meadow at sunset.</p>