当设置替代文本的提示

[ashammi228]

正确设置时需要考虑很多点，但这里我们将介绍三个重点。



保持替代文本简洁
据说最好不要把替代文字写得太长。
这是因为如果太长，使用文本阅读器大声朗 克罗地亚 whatsapp 数据 时内容将很难理解。
没有特定的字符限制，但我们建议尽可能保持简短。



没有为所有图像提供有意义的替代文字
网站可能使用图像作为背景或装饰。
在这种情况下，不为图像提供有意义的替代文本可能会更加方便用户。

我们来看一个具体的例子。
在ChacoWeb官方网站上，使用图标来介绍服务计划。
单独的文本可能难以理解并且看起来很孤立，因此我们加入了图像作为设计和装饰。
这个图标确实可以被称为“装饰图像”。

ChacoWeb 主页的一部分

在这种情况下，您想要传达的重要信息是文本，而不是图像本身。

当目视检查某些事物时，只要放置得当，重要信息旁边的图标就不会分散注意力。
相反，它可以使事物更容易直观地理解并增加对比。

那么如果您想通过音频检查这一点该怎么办？
这是使用文本阅读器大声朗读的实际结果：

[当为图像设置有意义的替代文字时]
图像可点击的小猪存钱罐图标
标题第 4 级每月免费
降低长期运营成本。
图像可点击。电脑显示器的图标标题为“设计”。
第四级：完全由专业人士定制的设计。
我们从头开始创建设计以满足客户的需求并表达其业务的吸引力。


[如果您没有为图片设置有意义的替代文字]
标题 4 级 每月免费
降低长期运营成本。
标题级别 4：完全由专业人士定制的设计
我们从头开始创建设计以满足您的需求并表达您的业务吸引力。


那些不使用文本阅读器的人可能会发现某些方面（例如标题的阅读）不熟悉。
然而，许多人仍然发现为图标图像设置的有意义的文字会分散注意力，不是吗？

这样，如果为用于装饰目的的图像提供有意义的替代文本，实际上可能会使信息更难传达。
装饰性背景图像、标志性图像等不应有意义的替代文本。



如果不设置有意义的文本，请务必设置一个空的 alt 属性。
上面我们解释了最好不要设置有意义的替代文本的情况。
那么，如果您没有设置有意义的文本，如何设置替代文本？
正确答案是“设置空的替代文本”。

设置空的替代文本的原因是，如果根本没有设置替代文本，则可能会根据文本阅读器的类型读出图像文件名。
例如，如果您有一个文件名为 logo-img.png 或 1076.jpg 的图像，它将按原样读出。
如果设置了空替代文本，文本阅读器将不需要读取图像的文件名。

正如我们上面看到的，如果没有读出任何内容，装饰图像会更容易理解，所以不要忘记设置空的替代文本。