为辅助功能编写替代文本的艺术
替代文本（也称为 alt 文本、alt 属性、alt 描述，更准确地说，alt 标签）是网站代码中图像的不可见描述，用于描述屏幕上图像的外观和功能。 替代文本有多种使用方式：如果图像无法加载到网页上，它将代替图像出现；它用于搜索引擎优化，帮助搜索引擎准确索引您的图像；但最重要的是，它用于为使用屏幕阅读器的人（尤其是盲人和视力障碍者）描述图像。 互联网接入作为一项人权 年的一份联合国宣言呼吁“在提供和扩大互联网接入时采用基于人权的全面方法，并使互联网开放、可访问和培育”。在美国人口中，2.4% 患有视力障碍，其中许多人使用屏幕阅读器大声阅读网页并访问互联网。虽然以文本格式提供视觉内容是设计师 波兰电话号码表在涉足网站可访问性主题时首先学到的东西之一，但他们中的许多人做得很糟糕。 互联网带来了许多问题，但它也解决了更多问题——我们与联合国一样坚信互联网的接入和无障碍是一项基本人权。不仅如此，可访问性可能会成为一个法律问题，您需要确保您的网站符合 ADA 规定。
我们之前强调了如何让聋哑人和 HOH 社区更容易访问您的网站，但为了让盲人和视障人士更容易访问您的网站，您需要确保为网站上的图像添加适当的替代文本。你的网页。 引导你内心的海明威，尽量少用废话，练习写出精彩的替代文本。 编写替代文本的最佳实践 替代文本是简单、简短的描述。您应该在单词之间使用空格，并且可以使用标点符号以使文本更易于理解。
http://zh-cn.gelists.com/wp-content/uploads/2023/09/download-7.jpg
有时可以使用空的 alt 属性，例如：在链接中使用图像时，如果链接文本与 alt 文本相同，请将 alt 标记留空以避免重复和冗余。（替代=“”） 不仅图像需要替代文本，图像也需要替代文本。您也应该向按钮添加替代文本。替代文本的目的是告诉盲人用户内容的功能和目的。因此，表单提交按钮应该具有 alt 属性 alt=”submit button”> 如何编写出色的替代文本 简洁 编写替代文本时，切入主题。
无需说“这是一张……的照片”；屏幕阅读器已经能够通过图像源标签（在 HTML 中表示为 img src）理解它是一个图像。你只是描述图像。 具有描述性，但不要太过分 您正在向使用屏幕阅读器的人提供上下文，因此您的描述应帮助他们理解内容。说苹果的图像是“青苹果”是很简单并且可以接受的；“青苹果”更好；“一个绿色的青苹果，茎指向左边，皮肤上有一点光泽，在白色的背景下”简直是矫枉过正。 使用关键词 替代文本的另一个好处是，它可以帮助您的图像搜索引擎优化，使搜索引擎爬虫更容易根据网页的内容和上下文理解和分类您的图像。如果您没有在替代文本中包含与目标关键字相关的图片，那么这将是一种疏忽。
没有关键词堆砌 请记住，出色的替代文本编写的目标是提高使用屏幕阅读器的视障用户的可访问性。在你的替代文本中塞满你想要排名的所有关键词将会带来糟糕的用户体验，并且不可避免地会因为降低你的搜索排名而受到谷歌的惩罚。 不要使用文本图像 屏幕阅读器无法从 JPG 转录，因此请确保使用 CSS 来设置标题样式，而不是使用位图图像。只要有可能，不要使用文本图像来代替实际文本。
页:
[1]