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

Question

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

屏幕阅读器将读取html标签，例如： <h1>标头1还读取图像扩展名为<img>的图像标签：“ Image tag png”。

我不需要讲html和images标签。

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

谢谢。

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>