html元素的可访问性

Question

我一直在寻找一个更明确的答案，但我发现的似乎已经过时了，或者论坛对正确的答案有争议。

我正在构建一个没有引导的反作用网络应用程序。在哪里使用alt对aria标签属性？

*根据我收集到的资料：

A和链接标签使用标题和咏叹号。

img标签使用alt和aria标签。

按钮标签使用标题

Answer 1

属性aria-标签用于交互元素的上下文中，可以以某些方式单击或操作这些元素。对于链接、按钮和表单元素，以及通过tabindex=0人为地聚焦的元素，情况尤其如此。

如果您试图标记的元素不是交互式的，而不是可聚焦的，那么最好使用视觉上隐藏的文本，而不是aria-label。前者更普遍地被重新定位，而后者在非交互元素的情况下并不一定会被读取。

alt属性特定于图像(即<img>标记)以及图像按钮<input type="image">。在其他地方，它并不存在。它既可用于交互式图像，也可用于非交互式图像.避免在相同的可聚焦元素上使用alt和aria-标签，以避免一种可能被宣布，而不是另一种(一般情况下，其中一种完全取代另一种)。

标题属性现在不太受欢迎，因为它的支持取决于正在运行的屏幕读取器和浏览器，以及它使用的元素。尽管如此，它仍然经常在许多地方工作，特别是链接和表单元素。同样，避免在同一元素上同时使用标题和咏叹号，以避免一种可能被宣布，而不是另一种(一般来说，其中一种完全取代另一种)。