Ionic2如何处理屏幕阅读器文本?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ionic2如何处理屏幕阅读器文本?相关的知识,希望对你有一定的参考价值。
我打开ios设备上的voiceOver屏幕阅读器,在离子2项目上测试它。
屏幕阅读器读取html标签,如:<h1>
的标题1还读取带有图像扩展名的图像标签:<img>
的“图像标签png”。
我不需要说html和images标签。
那么如何处理离子项目中的屏幕阅读器呢?
谢谢。
答案
我相信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>
以上是关于Ionic2如何处理屏幕阅读器文本?的主要内容,如果未能解决你的问题,请参考以下文章