网页内容的无障碍处理方法和无障碍网页装置

摘要

本申请公开了一种网页内容的无障碍处理方法和装置，包括：在网页中添加文档大纲列表标签；在所述文档大纲列表标签获得焦点后包括：遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。利用本发明，可以提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用户在网页各文档内容区之间切换的便携性。

说明书

技术领域

本申请涉及人机交互技术领域，尤其涉及一种网页内容的无障碍人机交互方法和 装置。

背景技术

无障碍网页应用（WAI-ARIA）技术主要针对的是视觉缺陷、失聪、行动不便的 残疾人尤其像盲人的人机交互技术。WAI-ARIA技术公开了相应的人机交互标准，可 以配合相应的无障碍辅助装置，例如屏幕阅读软件，进行人机交互。例如屏幕阅读软 件可以基于WAI-ARIA规范大声朗读出网页的内容或者输出对应的盲文，一般由盲人 使用，是盲人最常用的软件之一。而其中的ARIA技术就是可以让屏幕阅读软件准确 识别网页中的内容、变化、状态的技术规范，可以让盲人这类用户也能无障碍阅读网 页。

网页内容的无障碍处理，就是通过对特定网页中，对文件所必须的信息可访问性 进行完整补充和填写，以配合无障碍辅助工具如客户端的屏幕阅读软件。网页信息无 障碍的实现，网站方是以一种相对被动的方式去适应屏幕阅读软件等无障碍辅助装置。

无障碍辅助装置如屏幕阅读软件主要依靠网页的源代码获取网页信息，当某段代 码获得了焦点，屏幕阅读软件就开始阅读这个代码中的相关信息，比如链接、图片、 文字信息等等。但是，在某些信息量巨大的网页中，例如门户网站的频道首页，这类 网页的信息量特别巨大，可能会有上千个文档条目链接，常规的屏幕阅读软件技术需 要在这些链接中一个一个进行切换，使得盲人用户使用极其不方便。

在目前的WAI-ARIA技术中，已经公开了相关的属性技术，从而可以使得相应的 辅助装置（例如屏幕阅读软件）可以在网页中的部分重要区域快速地进行切换，而不 必一个一个链接进行切换，这在一定程度上提高了残障人士的操作便捷性。但是这个 部分重要区域主要是针对网页在功能上的分类，其中共包括8种功能分类：大标题 （banner）、导航（navigation）、search、main、complementary、contentinfo、application、 form，而非对网页文档信息的区域划分。对于像频道首页这种文档信息量巨大的网页 并不适用，残障用户无法快捷地了解整个网页的文档大纲，也无法随时访问文档大纲 并无法快速在文档大纲的各个文档内容区之间进行切换。

发明内容

有鉴于此，本发明的主要目的在于提供一种网页内容的无障碍人机交互方法和装 置，以提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用 户在网页各文档内容区之间切换的便携性。

本发明的技术方案是这样实现的：

一种网页内容的无障碍处理方法，包括：

在网页中添加文档大纲列表标签；

在所述文档大纲列表标签获得焦点后包括：遍历当前网页中所有指定级别的标题 标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的 文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签 的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。

一种无障碍网页装置，包括：

文档大纲列表标签；

文档大纲获取模块，用于在所述文档大纲列表标签获得焦点后包括：在当前网页 载入后遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增 加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接 中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列 表项目添加到所述文档大纲列表标签中。

与现有技术相比，本发明所述的无障碍网页内容的处理方案，可以在文档大纲列 表标签获得焦点后（获得焦点就相当于无障碍辅助装置可以识别出该大纲列表标签内 的内容），自动生成可以由无障碍辅助装置识别的当前网页的文档大纲的列表，因此无 障碍辅助装置可以识别出文档大纲列表中的所有列表项目，即每个指定级别的标题， 从而提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用户 在网页指定级别的各文档内容区之间切换的便携性。从而可以使用无障碍辅助装置（如 屏幕阅读软件）的残障人士方便快捷的了解当前网页的总体大纲内容，使用户可以完 整的体验阅读和评论的流程。

附图说明

图1为本发明所述网页内容的无障碍处理方法的一种流程图；

图2为本发明所述无障碍网页装置的一种组成示意图；

图3为本发明所述无障碍网页装置的又一种组成示意图。

具体实施方式

下面结合附图及具体实施例对本发明再作进一步详细的说明。

本发明所述的文档大纲是指网页，通常是超文本标记语言（HTML，Hypertext  Markup Language）网页，中的内容通过标签使其拥有语义，比如h1表示一级标题， h2表示二级标题，p表示段落。将h1、h2这种可以表示文章大纲的内容提炼出来， 就形成了一个页面的文档大纲。

本申请文件中所述的无障碍辅助装置就是网页无障碍技术的辅助软件，网页 中一旦某个内容获得了焦点，所述获得焦点是指通知无障碍辅助装置所要解析的 目标点，则无障碍辅助装置就会获取该焦点处的网页内容，并可以将这些网页内 容信息转换为特定用户可以理解的人机交互信息。例如屏幕阅读软件可以将网页 的内容信息转换为声音输出或者转换为对应的盲文输出，所述声音输出或者盲文 输出就是特定用户（例如盲人或视力不佳的人）可以理解的人机交互信息。

图1为本发明所述网页内容的无障碍处理方法的一种流程图；参见图1，该方 法包括：

步骤101、在网页中添加文档大纲列表标签。例如在HTML网页中，可以用ul标 签形式添加文档大纲列表标签。

步骤102、在所述文档大纲列表标签获得焦点后包括：在当前网页载入后遍历当 前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所 述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新 建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到 所述文档大纲列表标签中。

所述指定级别的标题标签可以预先指定，例如可以是h1、h2、或h3标签。由于 一般是在页面中较为重要内容和各个板块的标题名称上使用h2标签，因此在一种优选 实施例中所述指定级别的标题标签为h2标签。

这样，在所述文档大纲列表标签获得焦点后，即用户利用无障碍辅助装置浏览到 该文档大纲列表标签后，通过上述步骤102就可以获得当前网页的文档大纲的列表并 添加到该文档大纲列表标签中，从而使得无障碍辅助装置可以获取并输出该文档大纲 列表中的每个列表项目，即每个指定级别的标题，从而提高残障人士对大信息量网页 的信息获知量和信息获知的便捷程度，并提高用户在网页指定级别的各文档内容区之 间切换的便携性。

在一种具体的实施例中，该方法可以进一步在所述文档大纲列表标签中设置无障 碍语义标识，该无障碍语义标识的内容包括文档大纲的操作说明。例如在HTML标签 中的title属性值就是一种无障碍语义标识，该title属性可以定义元素的额外信息。无 障碍语义标识中的内容可以被无障碍辅助装饰识别。这样，就可以在所述文档大纲列 表标签获得焦点后，使得无障碍辅助装置可以直接输出该无障碍语义标识中的内容， 即文档大纲的操作说明，这样可以进一步帮助指导残障人士进行后续的文档大纲操作， 提高对信息的获知便携程度。

在一种具体的实施例中，所述在网页中添加文档大纲列表标签，具体可以为：在 网页的导航位置之后添加所述文档大纲列表标签。所述导航位置通常是网页中出现的 第一个位置，是一个网页信息的起始。这样，就可以使残障人士采用无障碍辅助装置 顺序浏览网页信息时，在浏览完导航信息之后就可以及时使所述文档大纲列表标签获 得焦点，进一步方便残障人士及时地获取网页的文档大纲内容，提高及时性。

在一种具体的实施例中，本发明的方法还可以进一步在所述文档大纲列表标签中 设置本标签的快捷键属性值。例如在HTML中该快捷键属性通常为accesskey， accesskey属性在使用之后，就可以使用alt+accesskey的属性值，使被设置的元素获得 焦点，这个属性一般用在可以获得焦点的元素上，比如链接和表单元素。例如本实施 例中，可以将该文档大纲列表标签中的accesskey的值设置为q，表示alt+q组合键为 本标签的快捷键。这样，就可以使得残障人士在知道该快捷键后，在浏览当前网页的 任何时刻，只要按下alt+q的快捷键，就可以重新使文档大纲列表标签获得焦点，使得 无障碍辅助装置可以重新获取并输出文档大纲列表中的每个列表项目，进一步方便残 障人士的重复操作。

在进一步的实施例中，本发明的方法还可以进一步包括：将网页的第一个元素设 置为文档大纲提示说明标签，并在该文档大纲提示说明标签中设置无障碍语义标识， 该无障碍语义标识的内容包括：文档大纲列表标签的快捷键信息。这样，在进入当前 网页之后该文档大纲提示说明标签第一个获取焦点，无障碍辅助装置第一个输出的内 容就是该文档大纲提示说明标签中的无障碍语义标识的内容，即进入当前网页之后， 用户马上就可以获知该文档大纲提示说明标签中的无障碍语义标识的内容，从而可以 及时知道按哪个快捷键可以快速浏览到文档大纲列表。

在进一步的实施例中，所述文档大纲提示说明标签可以为链接标签，其链接指向 的目标内容为详细的无障碍说明；且该文档大纲提示说明标签中的无障碍语义标识的 内容进一步包括：查看详细无障碍说明的提示信息。和/或，还可以包括其它提示说明 信息，例如进行线性阅读的提示信息（如“使用上下键进行线性阅读”等）。

在进一步的实施例中，本发明的方法还可以进一步在所述文档大纲提示说明标签 中设置本标签的快捷键属性值。例如，可以将该文档大纲提示说明标签中的accesskey 的值设置为0，表示alt+0组合键为本标签的快捷键。这样，在浏览当前网页的任何时 刻，只要用户按下alt+0组合键，则文档大纲提示说明标签会重新获取焦点，相应的， 无障碍辅助装置也会重新输出该文档大纲提示说明标签中的无障碍语义标识的内容， 从而进一步方便残障人士的重复操作。

下面以屏幕阅读软件作为无障碍辅助装置、并以一具体的频道网页为例，对 本发明的技术方案进行进一步的说明。

步骤201、在网页中添加文档大纲提示说明标签，该文档大纲提示说明标签 为链接标签，链接指向的目标网页是详细的无障碍说明的页面，让这段文档大纲 提示说明标签的代码做为本网页的body的第一个元素，并使用级联样式表（CSS， Cascading Style Sheet）样式代码控制此代码中的内容在视觉上不显示，只有使用 屏幕阅读软件才可以阅读这个链接。此处设置该文档大纲提示说明标签的title属 性的值为：“按alt+Q访问文档大纲以快速在各个内容区切换，您也可以现在按回 车查看详细的无障碍说明，或者使用上下键进行线性阅读”。这样，在进入该网 页之后该文档大纲提示说明标签会第一个获取焦点，屏幕阅读软件第一个阅读的 内容就是这个文档大纲提示说明标签。即在进入该网页后，用户就可以听到“按 alt+Q访问文档大纲以快速在各个内容区切换，您也可以现在按回车查看详细的无 障碍说明，或者使用上下键进行线性阅读”。

并且，还可以设置该文档大纲提示说明标签的快捷键accesskey属性值为0， 从而可以在后续时间只要按alt+0则会使该文档大纲提示说明标签的代码重新获得 焦点，屏幕阅读软件就会重新阅读该获得焦点的代码的内容，具体是阅读该端代 码中的title属性的内容。例如下面是一段具体的文档大纲提示说明标签的代码实 例：

<a href="http://www.qq.com/accessibility/"title="按alt+Q访问文档大纲以快速 在各个内容区切换，您也可以现在按回车查看详细的无障碍说明，或者使用上下 键进行线性阅读"accesskey="0"target="_blank" style="width:0;height:0;overflow:hidden;display:block;font:0/0Arial">无障碍说明 </a>

步骤202、在网页的导航位置的后面，添加一个ul标签作为文档大纲列表标签， 例如该标签内的具体代码为：

<ul accesskey="q"tabindex="0"id="accessList"title="网页大纲，您可以按tab或上 下键选择内容类别，按回车跳转到相应区域" style="width:0;height:0;overflow:hidden;display:block;font:0/0Arial"></ul>

所述ul标签是HTML中的一种无序列表标签。所述accesskey="q"，则表示当按 alt+q时，本段ul标签内的代码就会获得焦点，屏幕阅读软件就会阅读该获得焦点的 代码中title属性中的内容。tabindex="0"表示使代码获得焦点的功能可用。 id="accessList"表示本ul标签的id为访问控制列表。

在用户浏览上述网页的时候，一旦用户按下alt+q快捷键，则本发明会执行后续步 骤203和步骤204，以获取当前网页的指定级别的文档大纲列表。下面以网页中的h2 标签作为指定级别的标题标签为例进行说明。h2标签是HTML中定义二级标题的标 签元素，一般是在页面中较为重要内容和各个板块的标题名称上使用h2标签。当然所 述指定级别可以预先指定，也可以是h1、h3等其它级别。

步骤203，在当前网页完全载入之后，使用javascript遍历网页中所有的h2标签， 并且为每一个h2标签增加一个name属性（即锚点），例如可以“#goAccessAnchor+ 数字”的形式赋值。所述javascript是一种计算机脚本语言，主要在web浏览器（即客 户端）解释执行。

步骤204，利用javascript将页面中每一个h2标签中的文字信息分别复制到一个对 应的新建链接中，并且将这个新建链接指向其对应的h2标签元素的name值。然后将 每个新建链接分别用li标签包裹，所述li标签是HTML中的一种列表项目。最后将这 一组li添加到步骤202所述的ul标签中。这样，就形成了h2级别的文档大纲的列表， 即每一li标签就是一个列表项目，且每一li标签内包括一个h2标签元素中的文字信 息，并且每个列表项目都是一个指向页内相应h2锚点的链接，用户可以按tab键切换 选择某一个列表项目，当选中一个列表项目后，则网页代码获得这个列表项目的焦点， 屏幕阅读软件就可以阅读该焦点的列表项目中包括的h2标签元素中的文字信息，使用 户可以根据听到的文字信息判断当前选择了哪一个列表项目。并且在tab切换到某一 列表项目时，或者在切换到某一列表项目并按回车键之后，触发该列表项目的链接， 由于该列表项目的链接指向本网页内相应的h2锚点，因此可以快速地切换到对应h2 标签元素的内容区域，达到了快速切换的效果。

另外，在浏览当前网页的任何时刻，只要用户按下alt+q快捷键，则会自动重新执 行步骤203和步骤204，从而使用户重新听到当前网页的h2级别的文档大纲列表。

与上述方法对应，本发明还公开了一种无障碍网页装置，即可以执行上述方 法的网页装置，相当于网页。如图2为本发明所述无障碍网页装置的一种组成示 意图，参见图2，该无障碍网页装置包括：

文档大纲列表标签301；

文档大纲获取模块302，可以由javascript执行，用于在所述文档大纲列表标 签获得焦点后包括：在当前网页载入后遍历当前网页中所有指定级别的标题标签， 为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文 字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标 签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签 中。

这样，在所述文档大纲列表标签获得焦点后，即用户利用无障碍辅助装置浏 览到该文档大纲列表标签后，通过上述文档大纲获取模块302就可以获得当前网 页的文档大纲的列表并添加到该文档大纲列表标签中，从而使得无障碍辅助装置 可以获取并输出该文档大纲列表中的每个列表项目，即每个指定级别的标题，从 而提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用 户在网页指定级别的各文档内容区之间切换的便携性。

在一种具体实施例中，所述文档大纲列表标签301中设置有无障碍语义标识， 该无障碍语义标识的内容包括文档大纲的操作说明。这样，就可以在所述文档大 纲列表标签获得焦点后，使得无障碍辅助装置可以直接输出该无障碍语义标识中 的内容，即文档大纲的操作说明，这样可以进一步帮助指导残障人士进行后续的 文档大纲操作，提高对信息的获知便携程度。

在一种具体实施例中，所述文档大纲列表标签301位于网页的导航位置之后。 这样，就可以使残障人士采用无障碍辅助装置顺序浏览网页信息时，在浏览完导 航信息之后就可以及时使所述文档大纲列表标签获得焦点，进一步方便残障人士 及时地获取网页的文档大纲内容，提高及时性。

在一种具体实施例中，所述文档大纲列表标签301中还设置有本标签的快捷 键属性值。例如在HTML中该快捷键属性通常为accesskey，accesskey属性在使用 之后，就可以使用alt+accesskey的属性值，使被设置的元素获得焦点，这个属性 一般用在可以获得焦点的元素上，比如链接和表单元素。例如本实施例中，可以 将该文档大纲列表标签中的accesskey的值设置为q，表示alt+q组合键为本标签的 快捷键。这样，就可以使得残障人士在知道该快捷键后，在浏览当前网页的任何 时刻，只要按下alt+q的快捷键，就可以重新使文档大纲列表标签获得焦点，使得 无障碍辅助装置可以重新获取并输出文档大纲列表中的每个列表项目，进一步方 便残障人士的重复操作。

在进一步的实施例中，该无障碍网页装置进一步包括文档大纲提示说明标签 303，如图3所示，该文档大纲提示说明标签303为该无障碍网页装置的第一个元 素，且该文档大纲提示说明标签303中设置有无障碍语义标识，该无障碍语义标 识的内容包括：文档大纲列表标签的快捷键信息。这样，在进入当前网页之后该 文档大纲提示说明标签第一个获取焦点，无障碍辅助装置第一个输出的内容就是 该文档大纲提示说明标签中的无障碍语义标识的内容，即进入当前网页之后，用 户马上就可以获知该文档大纲提示说明标签中的无障碍语义标识的内容，从而可 以及时知道按哪个快捷键可以快速浏览到文档大纲列表。

在进一步的实施例中，所述文档大纲提示说明标签303为链接标签，其链接 指向的目标内容为详细的无障碍说明；且该文档大纲提示说明标签303中的无障 碍语义标识的内容进一步包括：查看详细无障碍说明的提示信息。和/或，还可以 包括其它提示说明信息，例如进行线性阅读的提示信息（如“使用上下键进行线 性阅读”等）。

在进一步的实施例中，所述文档大纲提示说明标签303中进一步设置有本标 签的快捷键属性值。例如，可以将该文档大纲提示说明标签中的accesskey的值设 置为0，表示alt+0组合键为本标签的快捷键。这样，在浏览当前网页的任何时刻， 只要用户按下alt+0组合键，则文档大纲提示说明标签会重新获取焦点，相应的， 无障碍辅助装置也会重新输出该文档大纲提示说明标签中的无障碍语义标识的内 容，从而进一步方便残障人士的重复操作。

另外，本发明的每一个实施例可以通过由数据处理设备如计算机执行的数据 处理程序来实现。显然，数据处理程序构成了本发明。此外，通常存储在一个存 储介质中的数据处理程序通过直接将程序读取出存储介质或者通过将程序安装或 复制到数据处理设备的存储设备（如硬盘和或内存）中执行。因此，这样的存储 介质也构成了本发明。存储介质可以使用任何类型的记录方式，例如纸张存储介 质（如纸带等）、磁存储介质（如软盘、硬盘、闪存等）、光存储介质（如CD-ROM 等）、磁光存储介质（如MO等）等。

因此本发明还公开了一种存储介质，其中存储有数据处理程序，该数据处理 程序用于执行本发明上述方法的任何一种实施例。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明 的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保 护的范围之内。