Alt文本
Alt text(替代文本)是插入到网页代码中的文字,用于描述图像的性质或内容. 屏幕阅读器使用Alt文本向失明或有视力障碍的用户描述图像.
alt文本的细节程度取决于图像服务的目的:
- 动态图像 指的是一个链接到其他内容的图像. alt文本应该详细说明点击图像会导致什么动作. “链接”的全部文本将不足以告诉用户链接将带他们去哪里.
- 稳定的图像 传达信息,但不要链接到其他内容. 如果图像显示与用户相关的任何信息的视觉表示, Alt文本应该提供一个视力正常的用户从页面上的图像中获取的全部细节. 需要详细文本的图像的例子是显示正在讨论的内容示例的图片或包含可视数据的图表.
- 装饰图片 可能是简单的样式元素,对页面上的任何关键信息都没有贡献. 在这种情况下,屏幕阅读器读取所有文本可能会给用户带来不便. 在这种情况下,alt文本可以设置为空. 请联系AEM支持将装饰图像alt文本设置为null.
- 文字图片 在网页设计中高度气馁. 当绝对必要的时候,文本的图像应该包含一个与图像中相同的文本的alt文本.
最佳实践
- 在网站上发布的所有图片都要使用全部文字.
- 总是准确地描述形象 支持书面信息的图像
- 总是用一个行动词 包含链接或要求和操作的图像
- 不要使用文件名“photo”或“image”来描述图像
- 避免使用 作为图像的文本; if it must be used, provide the text in the alt text
- 总是用a 更长的描述 作为图形和图表的伴侣
- 总是把形象描述成一个整体,即使 多个图像 使用