文本作为图像
Posted: Sat Feb 01, 2025 4:42 am
避免将文本作为图像的原因与 SEO 的可访问性类似:如果您希望文本能够被机器读取,则只需避免将文本放在图像中即可。对于需要使用放大镜的人来说,将文本作为图像并不总是理想的选择,因为放大图像中的文本可能会像素化并且难以阅读。
文本作为图像的注意事项:
不要将重要信息作为文本使用 司法部数据库 如果必须将文本作为图像使用,请使用 alt 属性来描述图像文本(如果该文本应该由搜索机器人和屏幕阅读器读取)。
请考虑将实际文本样式化作为替代方案。如果您需要文本以特定方式呈现,请使用 HTML + CSS 或SVG(可缩放矢量图形)进行样式化。
信息图表
信息图表历来在 SEO 中很受欢迎,因为它可以吸引链接,从而提高排名。SEO 可能还希望向搜索引擎提供信息图表及其各部分的页面上下文。
对于可访问性,其理念是能够轻松确定信息图所描绘的内容。与搜索引擎不同,屏幕阅读器无法使用链接到您的信息图的数百个页面的链接文本和页面内容来确定信息图页面的上下文。对于屏幕阅读器来说,这完全取决于页面上的代码信号,您可以想象,描述复杂的信息图对于 alt 属性来说会很重。还请考虑色盲用户对颜色的使用,或者我们在第 2 部分中介绍的将文本作为图像(不“可读”,缩放像素化) 时遇到的问题。
没有一个简单的 <infographic> 标签可以让你添加长篇、详尽的信息图描述,就像一个长的 alt 属性一样(尽管你可以考虑下面的 longdesc)。相反,我建议你测试以下这些策略,看看哪种策略最适合你和你的特定情况:
信息图表的注意事项:
不要在 alt 属性中描述整个内容。这对屏幕阅读器来说非常不友好(无法浏览文本、复制或粘贴文本等)。按预期使用 alt,并选择其他方法进行长描述。
文本作为图像的注意事项:
不要将重要信息作为文本使用 司法部数据库 如果必须将文本作为图像使用,请使用 alt 属性来描述图像文本(如果该文本应该由搜索机器人和屏幕阅读器读取)。
请考虑将实际文本样式化作为替代方案。如果您需要文本以特定方式呈现,请使用 HTML + CSS 或SVG(可缩放矢量图形)进行样式化。
信息图表
信息图表历来在 SEO 中很受欢迎,因为它可以吸引链接,从而提高排名。SEO 可能还希望向搜索引擎提供信息图表及其各部分的页面上下文。
对于可访问性,其理念是能够轻松确定信息图所描绘的内容。与搜索引擎不同,屏幕阅读器无法使用链接到您的信息图的数百个页面的链接文本和页面内容来确定信息图页面的上下文。对于屏幕阅读器来说,这完全取决于页面上的代码信号,您可以想象,描述复杂的信息图对于 alt 属性来说会很重。还请考虑色盲用户对颜色的使用,或者我们在第 2 部分中介绍的将文本作为图像(不“可读”,缩放像素化) 时遇到的问题。
没有一个简单的 <infographic> 标签可以让你添加长篇、详尽的信息图描述,就像一个长的 alt 属性一样(尽管你可以考虑下面的 longdesc)。相反,我建议你测试以下这些策略,看看哪种策略最适合你和你的特定情况:
信息图表的注意事项:
不要在 alt 属性中描述整个内容。这对屏幕阅读器来说非常不友好(无法浏览文本、复制或粘贴文本等)。按预期使用 alt,并选择其他方法进行长描述。