【问题标题】:What improvements to accessibility are offered by HTML5?HTML5 对可访问性提供了哪些改进?
【发布时间】:2009-08-22 03:54:45
【问题描述】:

与 HTML 4.01 或 XHTML 1.0 Strict 相比,HTML5 在可访问性方面有哪些优势?

【问题讨论】:

  • 无障碍是什么意思?
  • 该术语通常指盲人和其他残疾人使用网站的能力。例如,一个由一堆没有 alt 标签的图片组成的网站对于盲人来说完全没有价值,因此被认为具有较差的可访问性。
  • 无障碍是研究和实践,为因任何个人残疾而造成的限制条件有限的人提供平等的机会。就一般的网络和计算机科学而言,可访问性主要涉及视觉或移动障碍问题。计算机科学中不太常见的可访问性问题也是学习障碍者的可理解性。

标签: xhtml html accessibility


【解决方案1】:

想到的一些东西 - 可能还有很多:

关于 HTML 5 中的可访问性,最需要注意的不是特性,而是理念的改变。 HTML 5 在鼓励网页作者不要把信息放到普通用户看不到的地方,比如 alt 和 summary 属性,而是鼓励他们把信息放到普通的正文中。这个想法是(a)隐藏在这些属性中的信息通常对有视力和无视力的人都很有用,并且(b)如果作者在维护和测试他们的页面时可以看到这样的文本,他们更有可能保留它比隐藏起来更正确和最新。例如,它定义了一个“figure”元素,允许图片和标题(即“legend”元素)相互关联。

在许多情况下,实际上最好将以前放在 alt 属性中的文本放在图例元素中,尽管应该注意理论上它们是不同的 - alt 是 等价的 em> 文本 - 图例是 辅助 文本。这同样适用于表格上的摘要属性和标题元素。鼓励使用 caption 元素而不是 summary 属性,但它们的用例并不完全相同。这最近成为了一个重大争议的主题,目前的情况是@summary 被定义为“过时但符合标准”,无论这意味着什么。

就 HTML 5 中的功能而言,最好的可访问性增益可能是集成 WAI-ARIA 的持续过程,即 Accessible Rich Internet Applications Suite (http://www.w3.org/WAI/intro/aria)。

我相信有一种新算法可以将表格单元格与其标题单元格隐式关联起来以供屏幕阅读器使用,这样可以节省必须明确指定关联的工作。

还有一些问题。新的“视频”和“音频”元素没有 HTML 级别的回退 - 假定可访问性回退将直接嵌入到视频和音频文件中。这是一个持续存在争议的问题。作为一名网络作者,我个人知道如何将音频文件的副本写入 HTML,但我不知道如何将后备文本嵌入到预先存在的音频文件中。因此,虽然将回退到音频文件中可能是一个更好的解决方案,但在很多情况下它不会发生,那些无法直接体验音频的人将是失败者。

新的“画布”元素目前也是一个很大的可访问性问题。尽管有些人对如何做有一些想法,但“画布”是否可以有一个真正可访问的等价物还不清楚。

【讨论】:

  • “新的 "video" 和 "audio" 元素没有 HTML 级别的回退 - 假定可访问性回退将直接嵌入到视频和音频文件中。 ——这仍然是真的吗?我认为您可以在 <video> 标记中粘贴您想要的任何 HTML 内容作为后备,包括成绩单。
  • @Paul - 我相信它仍然是真的,是的。据我了解,视频元素内的内容仅显示在尚不支持 的内容或提供给辅助工具。
  • @Alohci — 啊,明白了。根据您的描述,听起来您确实在寻找一种附加机制来添加到 HTML 以标记视频脚本。从严格的技术角度来看,在我看来,将一份成绩单嵌入到视频文件中更有意义。我宁愿在创作工具级别解决“我不知道如何将备用文本嵌入到预先存在的音频文件中”的问题,而不是通过向 HTML 添加更多内容。
  • @Paul - 不一定是成绩单,不。像所有可访问性内容一样,我想要提供尽可能接近 equivalent 的内容。虽然脚本可能适用于某些视频,但它绝不适合所有人。例如,考虑一部无声电影。是可以提供的最佳等效内容的抄本吗?
  • 我明白你的意思。不完全确定 HTML 在这里可以做什么。您仍然可以在视频标签之后弹出指向 HTML 替代项(成绩单、描述)的链接。
【解决方案2】:

让我对 Alohci 说“听,听”并提供更多细节:

必须记住,对于浏览器和辅助技术,只有一种 HTML(MSIE 8 除外)。这意味着新版本的标准本身并不意味着什么,直到实现支持这些功能。例如。 longdesc 属性已经成为 HTML 4 的一部分超过 10 年,但支持为零,因此根本不可用。

潜在的 HTML 5 标准的好处是:

  • 可以使跳过链接变得多余的新元素。由于这些新元素不像 ARIA 地标那样笨拙,也具有这种能力,因此它们很可能会得到更多采用。 IE。作者可能没有意识到他们正在使页面更易于访问,他们只是想使用最好的可用标签。用户代理可以使用这些新元素来促进更轻松的导航,这可能比盲人受益更多。
  • 对于无法内置,但必须固定的许多用途,ARIA 可用。就在前几天,对草稿进行了第一次编辑以包括 ARIA!
  • 视频和音频、SVG 和 Canvas 可用于帮助有认知障碍的人。 (不过,目前仍在争论将 SVG 集成到纯 HTML 中的最佳方式。)

但仍有一些问题没有解决:

  • 视频字幕。到目前为止,唯一的选择是 JavaScript,这是一个相当丑陋的解决方案,不太可能看到高采用率。 OTOH,今天 Youtube 上有多少视频有字幕?
  • 屏幕阅读器可从 Canvas 对象访问内容。 Canvas 的美妙之处在于它没有 DOM,但这也是主要缺点。在这方面没有适合所有人的解决方案。如果你使用 Canvas 实现俄罗斯方块、吃豆人或毁灭战士会怎样?由于它们的性质,屏幕阅读器用户将始终无法访问这些游戏。 Bespin, OTOH,应该对他们开放。

SVG 有一个 DOM,因此可以被视为一种屏幕阅读器友好的替代方案,但目前在它们中实现的支持很少。

还有一些小争论仍在进行中,例如:

  • 最好将 alt 属性设为可选,以期减少写得不好的 alt 文本,还是保持它是必需的,以期迫使内容贡献者编写好的 alt 文本?
  • 是否应允许 summary 属性并将其视为描述复杂表格的最佳替代方法,其中标题、th、thead、tbody、tfooter 和 headers/id 不够用?

在一个角落里,我们的一些人主要与最初的 WHAT WG 工作有关,他们的论点是基于今天对这些功能的使用非常糟糕这一事实。当它们被使用时,大多数作者都弄错了。人们不应该寄希望于教育在未来会更好。我称这个群体为精英但悲观。

在另一个角落,我们有可访问性(最近还有 RDFa 爱好者),他们正在建立他们在该主题领域的专业知识的案例。他们意识到正确使用辅助功能的巨大潜在好处。他们对教育工作持乐观态度,但在推理时可能会显得有些狂热。

除了争论之外,HTML 5 意味着对于知识渊博的作者来说,他们 99% 的可访问性工具箱仍然可用,他们还有更多工具可以使用,但也有更多挑战需要克服。 ‘plus ça change, plus c'est la meme selected’

【讨论】:

    【解决方案3】:

    从实用的角度来看,它没有提供可访问性增强功能。没有一个屏幕阅读器供应商实现了对新标签的支持,并且直到有足够广泛的使用以使实现这种支持值得。如果您想让您的网站易于访问,请不要将 HTML 5 视为灵丹妙药,请使用良好的旧 html 4 并遵循良好的可访问性指南。

    【讨论】:

    • 缺乏可访问性增强的公平点,但这是坚持使用 HTML 4 的理由吗?我假设屏幕阅读器可以很好地解析 HTML5。 (如果他们不这样做,嘿,屏幕阅读器供应商,那么该死的软件更新怎么样。)
    • 这取决于你所说的解析。屏幕阅读器不解析 HTML,它们在浏览器完成解析后从浏览器获取页面模型。大多数事情应该可以正常工作,屏幕阅读器需要支持特定标签的唯一区域是屏幕阅读器特定标签,例如 ARIA 标准中的标签。 w3.org/WAI/intro/aria.php
    【解决方案4】:

    我根本不是盲人、聋人或正式残疾人,但我完全厌倦了使用网站。在屏幕上拖动鼠标 15 年后,看着网站的可导航性随着手臂和手腕越来越酸痛而下降,这让我很沮丧!!有一些简单的解决方案可以内置到任何新标准中。 Firefox 的“hit'a'hint 插件”很棒,但并不总是更新。我喜欢与 MS 功能区界面非常相似的新“ALT”快捷方式,它们是天赐之物,尽管我认为它不会让我从 Linux 中恢复过来。在 HTML 5.0 中内置快捷方式会有多难。你握住一个键,它会给你一个键盘切击......绝对简单。这可以防止数以亿计的人在未来发生长期的手臂和手腕损伤。我自己的问题是在使用计算机 20 年和使用鼠标 10 年后才开始的,所以这里有一颗潜在的定时炸弹。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-07-02
      • 1970-01-01
      • 2013-03-07
      • 1970-01-01
      • 2016-08-02
      • 2014-07-04
      相关资源
      最近更新 更多