Alt键？LONGDESC？标题？什么在哪里,特别是对于图像重的网站？

Question

所以我一直在尝试让我的网站尽可能地访问(对于非JavaScript用户,网页抓取工具,屏幕阅读器等),我遇到了很大的障碍.

我正在开发的网站非常重要.(我在业余时间绘制了愚蠢的东西,该网站是一种"展示".)网站中的每个页面都有一个图像(或多个,如果需要上下文或图像是几个面板),通常伴随通过下面的单个标题.因此,当我到达必须添加辅助功能选项时,我不知道该怎么做.例如,假设我有一个男人吃苹果的图像,这个笑话就是其中有一个蠕虫.所以我做的第一件事就是添加一个可笑的描述性替代文本,因为它是为屏幕阅读器提供"等效"的唯一方法.

<img src="appleeat.png" alt="A man bites into an apple. As it turns out, there's a worm in it!">

起初这似乎没什么问题,但是当我突然发现自己需要添加高达300个字符(!!!)的alt文本以获得更精细的笑话和图像时,事情就变得非常快.不仅如此,但显然alt文本无论如何都不是用于描述.

所以我遇到了这些问题:

1. 替代文字用于等同物,而不是描述.但是,在这种情况下提供等效的唯一方法是提供描述.
2. longdesc似乎更适合这一壮举,但longdesc任何浏览器都不支持(至少,根据W3Schools),尽管它似乎确实在HTML5规范中.
3. <figcaption>似乎是要走的路,但最终会在相关图像下面显示文字,这对我的网站来说绝对不是很吸引人,特别是如果我想在<p>标签或其他内容中添加额外的标题和上下文.

那我该怎么办？我会放什么,在哪里？我对这一点感到非常难过,坦率地说,我不确定制作一个完全基于无法看到的人可以访问的图像的网站是一个好主意.

Answer 1

该alt属性用于替代文本，即图像的文本替换，因此在示例中，如果它合理地讲述与图像相同的故事就足够了。实际上，大多数图像不能有完全“替代”或“替代”的文本；如果可能的话，这通常是捕获一些最重要的信息的问题。

一个alt文本可以是任何长度。alt文本不应该是描述的声明并不意味着它不能在需要时详细说明。关键是有太多的描述对图像进行了描述，但没有传达其信息（例如“大红子弹”或“独木舟上的人”）。

该longdesc属性受到一些软件的支持，但备受争议，它不是 W3C HTML5 CR 的一部分，而是作为独立的“扩展”开发的。

该figcaption元素用于与图像一起呈现的标题。它根本没有解决备选案文的问题。它旨在呈现给用户，无论他是否看到图像。