带有文字的图像文件：视障人士的可访问性？

Question

我有一个网站，其中包含许多书面文档，这些文档都呈现为图像。如果我想让视障人士可以访问它们，我似乎需要在某处添加文字。

每个文档都呈现为一系列图像，每个页面一个（例如，请参阅this）。我是否希望将每个网页的文字转换为相应的图片alt属性，或者有更好的方法吗？并且，如果alt属性是要走的路，我可以将整个文档放在第一页的图像中，还是最好让每个属性中的文本与图像完全对应？在？

Answer 1

我不会使用alt属性，因为它仅用于简短描述。

使所有这些文本都可访问意味着以HTML格式呈现它。在您的文档中，有列表，有表，有定义列表;所有这些都需要通过HTML进行语义描述，以便可以访问。您无法通过alt属性执行此操作。

我想到了多种可以使用它的方法：

• 在所有alt上都为空img，并在最后一张图片下方呈现HTML中的所有文字。所有人都可以看到文本，或者只有那些有屏幕阅读器的人可以看到（通过使用特定的CSS，参见＆＃34; sr-only＆＃34; Bootstrap类）。如果您希望文本对所有人都可见而不占用太多可视空间，则可以将其隐藏在切换按钮后面（使用aria-controls和aria-expanded属性）。
每个img上的
• 都有一个简短的alt属性和一个longdesc属性。 alt是当前页面的标题，如＆＃34;目录＆＃34;。 longdesc是指向包含图片上所有文字的HTML页面的链接。
• 在每个img之后，有一些带有图片文字的HTML。此描述仅对屏幕阅读器用户可见。通过图片上的aria-describedby属性链接每个说明。

我选择第一个解决方案，因为它通常是最简单的解决方案，并且它使所有用户受益。

Answer 2

大多数屏幕阅读器软件不会从alt属性宣布整个页面的内容，更不用说整个文档了。它们具有不同的截止点，但是它们旨在给出图片的简短（一两句）描述而不是大量的段落，标题，表格等。您可以使用免费的屏幕阅读器（适用于Apple设备的VoiceOver或NVDA）进行测试对于Windows）自己确认。

更好的选择是使用OCR提取文本并将其放入HTML或使用模板化样式的Word文档中。这样，无法看到文本的人仍然可以读出它们，而且他们将能够使用所有常用的导航快捷方式，如目录和标题。您仍然可以使用alts将任何图表或图形放入图像中，并且您需要描述这些图形或图形的文本量将更短且更容易编写。