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

时间:2018-05-21 11:55:02

标签: android html ios ionic2 voiceover

我打开iOS设备上的voiceOver屏幕阅读器,在ionic2项目上测试它。

屏幕阅读器读取html标签,如:<h1>的标题1还读取带有图像扩展名的图像标签:&#34;图像标签png&#34; <img>

我不需要说出html和图片代码。

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

感谢。

1 个答案:

答案 0 :(得分:0)

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

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

$

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

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

OR

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