这是直接从Yoast 网站:
图像的alt和title属性通常称为alt标记或alt text和title标记,尽管从技术上讲它们不是标记。alt文本描述图像上的内容以及页面上图像的功能。因此,如果您有一个用作购买产品X的按钮的图像,alt文本将显示:“button to buy product X”。
如果填写了这些标记,它们将始终在HTML中写出。尽管它们不会直接显示在屏幕上。title
如果用户将鼠标悬停在图像上,将向用户提供有关该图像的其他信息。alt
将为屏幕阅读器提供图像的描述。稍后再详细介绍。
对于描述,这通常出现在图像的“附件页”上。但这在很大程度上取决于主题开发人员。从…起Title, Caption, Alt Text, and Description: Harnessing the Power of WordPress Image Metadata:
如果将文本添加到描述字段,则该文本将存储为附件帖子的帖子内容。这意味着,如果有人登录到该图像的附件帖子页面,他们将看到详细的描述(前提是当前主题支持)。
Example: <img src="path/to/file.jpg" title="Your Title" alt="Alternate Text" />
就图像的可访问性而言,可访问图像
。如果图像包含文本,提供的信息在页面上没有解释,或者本质上很复杂
alt
标签应始终用于描述图像。
如果图像除了分解内容或提供装饰性内容(例如使用图像作为换行符)之外没有提供任何附加值,则应始终使用alt=""
.
有关图像可访问性的其他信息可以在w3上找到。组织的WAIImages Concepts 页