非常繁琐的无障碍问题，关于alt标签。

Question

为了让网站符合WCAG 2.0的要求，需要为图像添加alt标签。

对于像公司标志这样的图像，alt标签只应该是公司名称，还是应该是公司名称后面加上“标志”？我认为前者更有意义，但如果有明确的最佳实践，我想知道！

问题很激动人心，不是吗？

- AJM

---

如果我们要讲得更加严谨，那么“alt”是一个属性而不是标签。 - Gareth

标记为拥抱单调乏味 - AJM

@Gareth，实际上...我们不是在“吹毛求疵”吗？ :-o - Courtney Christensen

Answer 1

最好的指南是，如果图片不可用，你希望看到什么替代品？

alt文本不应该是对图片的描述，而是图片的文本替代品。

- Gareth

---

好的观点，因此公司口号或另一个简洁的描述符。 - STW

因此，它不应该说“这是一个标志”，而是传达标志试图传达的信息。有道理。 - AJM

Answer 2

如果对于屏幕阅读器用户来说，标志的价值不高，则可以考虑通过CSS而非<img>标签显示图像。CSS（呈现）图像不需要具有alt标签（实际上它们无法具有这些标签），它们被认为是页面的视觉部分而非实际内容。

如果

暗示该图像是与页面相关的有价值内容，则如果标志基本上只是装饰性的、仅有呈现价值，则可能根本不应出现在HTML中。

请记住：屏幕阅读器允许用户访问内容。HTML用于内容，CSS用于呈现——如果您的HTML混杂着非内容，则提供良好的可访问体验将变得更加困难。

- STW

---

为什么要踩这个回答？我知道它并没有直接回答楼主的问题，但我感觉他可能没有看到问题的本质。 - STW

如果您认为您的图像不需要文本等效物，那么空的alt标签对于可访问性来说是完全有效的。 图像并不总是非内容。 我会认为我实际上想要放置类似于徽标的文本等效物。 虽然从前有间隔符gif，但我不希望在其上使用alt文本，但空的alt标签也可以解决这个问题。 - Chris

Answer 3

我会选择“（公司名称）的标志”，因为ALT文本作为图像的描述，如果用户无法看到它（例如屏幕阅读器），则会提供该描述。

我认为WCAG 2.0指南支持这一点：

当图像包含对理解内容至关重要的单词时，alt文本应包括这些单词。这将使alt文本在页面上起到与图像相同的功能。请注意，它不一定描述图像本身的视觉特征，但必须传达与图像相同的含义。

- Pekka

Answer 4

我认为这取决于你个人的喜好。你想传达图像的含义，而不是它的确切内容。例如，我会使用“下一页”而不是“向右箭头”的alt文本。所以我会选择公司名称，因为这是标志的重点。

- GSto

Answer 5

虽然我非常喜欢@Gareth的答案，但还有另一件事需要考虑：

标志的父元素是什么？如果它的标记如下：<a href="/index.html"><img src="/company-logo.png" alt="" /></a>，那么最好的alt实际上应该是类似于“[公司]主页”或“转到[公司]主页”。使用屏幕阅读器的残障用户将听到“[公司]主页，链接”，或者可能是“[公司]主页，已访问链接”。

每当您使用图像作为链接内容时，alt都应告诉用户单击该链接时他们要去哪里。按钮也是如此。如果您使用图像作为按钮内容，则alt应告诉用户单击按钮时会发生什么。

顺便提一下：如果点击将用户带到另一页或页面的另一部分，但不需要进一步交互，则所点击的元素几乎总是语义上的链接。如果点击执行与导航无关的操作，显示其他选项或内容，或者需要用户在点击后进行进一步交互（打开必须关闭的对话框），则所点击的元素几乎总是语义上的按钮。尽可能使用适当的语义元素，并使用CSS样式化它。这将使您的内容能够被最广泛的辅助技术访问。

- ShiningLight

Answer 6

无论什么使页面文本的流畅最易理解。如果徽标紧挨着公司名称作为文本，那么当屏幕阅读器朗读时，既不是“大公司大公司”，也不是“大公司徽标大公司”最佳。

alt标签的要求主要针对图像按钮：

 <a href="page2.html"><img src="next.png" alt="next page" /> </a>

或者其他需要图像传达真实信息的地方，例如图表。

对于那些仅仅是装饰性图片的地方，最好使用空白的alt标签。

想象一下，“关于我们”网页上的所有图片都有alt标签，并由屏幕阅读器朗读。（来自exxonmobil.com的实际文本：“关于我们-安哥拉基佐姆巴平台上的两名工人-我们是世界上最大的公开交易的国际石油和天然气公司”）在此处从图像中拖出不相关的细节会降低可读性而不是提高它。

- James Curran

Answer 7

我希望我能指出一个权威的来源，但是在以前处理无障碍性的经历中，我相信“标志”更受欢迎，因为它更准确地表示实体。例如，alt="Mount Hood"和alt="Photograph of Mount Hood"是完全不同的，前者更受欢迎。

- msw