CN104102642B - 网页信息访问方法和装置 - Google Patents

Abstract

本申请提供了网页信息访问方法和装置。其中，该方法包括：针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式；监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；之后基于用户的选择提供对应的信息给用户。采用本发明，能够实现对信息详细的网页页面进行网页信息的无障碍访问。

Description

网页信息访问方法和装置

技术领域

本申请涉及互联网技术，特别涉及网页信息访问方法和装置。

背景技术

网页信息无障碍访问能够方便使用屏幕阅读器的用户(绝大多数是盲人)无障碍的获取网页信息。

这里，所谓网页信息无障碍访问，其是通过对特定网页中文件所必须的信息可访问性进行完整补充和填写，以配合客户端的屏幕阅读器。在网页信息无障碍访问中，网站方是以一种相对被动的方式去适应屏幕阅读器。

这里，屏幕阅读器，也称屏幕阅读软件或者读屏软件，一般由盲人使用，这种软件可以阅读网页上面的信息，是盲人最常使用的软件。

目前，在众多的网站中，特别是各大门户网站，还不能对信息详细的网页页面进行网页信息无障碍访问。这里，信息详细的网页页面至少包含新闻详细页(或称新闻底层页)。

基于此，本发明提供了一种适用于对信息详细的网页页面进行网页信息无障碍访问的方法，以实现对信息详细的网页页面进行网页信息无障碍访问。

发明内容

本申请提供了网页信息访问方法和装置，以实现对信息详细的网页页面进行网页信息的无障碍访问。

本申请提供的技术方案包括：

一种网页信息访问方法，包括：

针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式；

监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；

监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

一种网页信息访问装置，包括：

无障碍说明链接控制单元，用于针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式；

第一监控单元，用于监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；

第二监控单元，用于监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

由以上技术方案可以看出，本发明中，通过为网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题，使得用户，特别是盲人用户在进入网站后首次访问的就是该无障碍说明标题包含的内容，以利用该无障碍说明标题包含的内容实现网页的快速访问，实现用户，特别是盲人用户方便、快速、且无障碍的访问网页。

附图说明

图1为本发明实施例提供的方法流程图；

图2为本发明实施例示出的虚线示意图；

图3为本发明实施例示出的实体线框示意图；

图4为本发明实施例提供的装置结构图。

具体实施方式

为了使本发明的目的、技术方案和优点更加清楚，下面结合附图和具体实施例对本发明进行详细描述。

本发明提供了如图1所示的网页信息访问方法。

参见图1，图1为本发明实施例提供的方法流程图。如图1所示，该流程可包括以下步骤：

步骤101，针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题(title)。

本发明中，步骤101添加的无障碍说明链接，以及设置的该无障碍说明链接对应的无障碍说明title可通过编写代码实现。优选地，为便于用户进入网站后第一个听到的内容就是这个无障碍说明链接，本发明可设置该编写的代码作为网站body的第一个元素，并且，可使用层叠样式表单(CSS)样式控制该代码中的内容在视觉上不显示，只有使用屏幕阅读器才可以听到这个无障碍说明链接。其中，控制该代码中的内容在视觉上不显示可通过对该代码的样式(style)进行如下设置实现：

style＝"width:0；height:0；overflow:hidden；display:block；font:0/0Arial">

本发明中，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式。本发明中，用于访问网页信息的快捷方式下文进行了详细描述。

作为一个优选实施例，所述无障碍说明标题还可包含用于访问无障碍说明链接的快捷方式、线性阅读的快捷方式。

优选地，本发明中，线性阅读的快捷方式可为上、下、左、右键；而用于访问无障碍说明链接的快捷方式可通过设置快捷键(accesskey)的属性值实现，比如，设置accesskey的属性值为0，当用户通过Alt+0即可进入无障碍说明链接的访问。需要说明的是，本发明中，进一步地，所述无障碍说明标题还包含：进入无障碍说明链接后查看无障碍说明标题中内容的快捷方式。其中，作为本发明的一个实施例，该快捷方式可为回车键。

步骤102，监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择。

基于上面描述的，仅是使用屏幕阅读器的用户才可以听到这个无障碍说明链接，也即，该无障碍说明链接仅对屏幕阅读器用户有意义，基于此，本发明中，就需要执行步骤102的判断，只有在步骤102的判断结果为是时，才提供所述无障碍说明标题包含的内容给用户选择，否则，则按照现有方式处理，这里不再一一赘述。

步骤103，监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

本步骤103中，用于访问网页信息的快捷方式以及网页信息具体在下文进行描述。

步骤104，监控到用户选择触发所述用于访问无障碍说明链接的快捷方式时，重新获取并提供所述无障碍说明title中的内容给用户。

基于上面描述的进入无障碍说明链接后查看无障碍说明标题中内容的快捷方式为回车键为例，则本发明中，重新获取并提供所述无障碍说明title中的内容给用户具体为：

提供无障碍说明链接给用户；

监控用户在进入无障碍说明链接后是否触发所述用于查看无障碍说明标题中内容的快捷方式即回车键，如果是，则重新获取并提供所述无障碍说明title中的内容给用户，否则，返回所述监控的操作。

步骤105，监控到用户选择触发进行线性阅读的快捷方式时，获取对应该快捷方式的数据内容并提供给用户。

基于上面描述的所述触发进行线性阅读的快捷方式为上、下、左、右键为例，则本步骤105中所述对应该快捷方式的数据内容为：该快捷方式比如上、下、左、右键临近的数据内容。

至此，完成图1所示的流程。

在上面描述中，步骤103至步骤105并没有固定的时间先后顺序，完全依赖于用户的选择。

下面对本发明中涉及的网页信息进行描述：

本发明中，网页信息主要可分为以下几种方式的任意组合或任一种：

方式1：

本方式1下，网页信息为用于指向网站首页的链接，其至少包括：

网站首页链接标签<a>中的内容；

网站首页title中的内容。

本方式1下，所述用于访问网页信息的快捷方式为用于访问网站首页的第一快捷键。本发明中，用于访问网站首页的第一快捷键可通过设置accesskey的属性值实现，比如，设置accesskey的属性值为1，则当用户触发Alt+1，即可切换至网站首页链接，屏幕阅读器即可阅读网站首页title中的内容和网站首页链接标签<a>中的内容。

本方式1下，所述网站首页title中的内容在所述网站首页链接未被第一快捷键触发时为空，而在所述网站首页链接被第一快捷键触发时至少包括所述网站首页的描述，其中，之所以这样设置，原因为：

在大部分浏览器下当鼠标停留在某个拥有title的区域时，会出现悬停的小菜单提示，比如图2所示的“正文，您可以通过上下键来阅读内容”，为了避免这种菜单提示，则设置网站首页title中的内容在所述网站首页链接未被第一快捷键触发时为空，而在所述网站首页链接被第一快捷键触发时动态为网站首页title赋值，使其不再为空。这就能避免悬停的小菜单提示。

至此，完成方式1的描述。

方式2：

本方式2下，所述网页信息为网页中的主导航区域，至少包括：

导航title中的内容。

本方式2下，所述用于访问网页信息的快捷方式为用于访问所述导航区域的第二快捷键。本发明中，第二快捷键可通过设置accesskey的属性值实现，比如，设置accesskey的属性值为2，则当用户触发Alt+2，即可切换至主导航区域，屏幕阅读器即可阅读导航title中的内容。

本方式2下，导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时至少包括：导航的数据内容、以及选择导航的方式。其中，选择导航的方式举例为：通过上下左右键选择导航。

需要说明的是，本方式2下，之所以设置导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时动态为导航title赋值，使其至少包括：导航的数据内容、以及选择导航的方式，原因是：

在大部分浏览器下当鼠标停留在某个拥有title的区域时，会出现悬停的小菜单提示，比如图2所示，为了避免这种菜单提示，则设置导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时动态为导航title赋值，使其不再为空。这就能避免悬停的小菜单提示。

还需要说明的是，本方式2下，还需要进一步在所述主导航区域所对应的代码区域设置tabindex属性值为第一设定值。其中，之所以设置tabindex属性值为第一设定值，原因为：

tabindex属性可以设置键盘中的TAB键在控件中的移动顺序，即焦点的顺序，通常情况下，导航都在div这种无法自动添加焦点的标签上，而本发明为了使得这种标签可以在按下相应快捷键的时候获得焦点，即实现自动添加焦点，就利用tabindex属性，通过设置tabindex的属性值为第一设定值实现。这里，该第一设定值可为-1，也可为0。

至此，完成方式2的描述。

方式3：

本方式3下，所述网页信息为网页中的正文区域，至少包括：

正文title中的内容。

本方式3下，所述用于访问网页信息的快捷方式为用于访问网页中正文区域的第三快捷健。本发明中，用于访问网页中正文区域的第三快捷健可通过设置accesskey的属性值实现，比如，设置accesskey的属性值为3，则当用户触发Alt+3，即可切换至正文区域，屏幕阅读器即可阅读正文title中的内容。

其中，所述正文title中的内容在所述正文区域未被第三快捷键触发时为空，而在所述正文区域被第三快捷键触发时至少包括正文区域的数据内容、以及在正文区域中选择数据内容的方式比如上下左右键来阅读内容。其中，之所以这样设置，原因如方式1、方式2中的描述，避免用户的鼠标落在正文区域时出现小菜单提示。

还有，本发明中，应用于IE浏览器下，一些区域内可能会出现一些虚线，影响阅读效果。为隐藏掉一些区域内出现的虚线，本发明在正文区域设置tabindex属性值为第二设定值，通过设置tabindex属性值为第二设定值隐蔽IE浏览器中正文区域出现的虚线。这里，第二设定值与上述的第一设定值因为解决的问题不同，所以取值可不同，比如，第二设定值取值为-1。

还有，在标准浏览器下，比如chrome、firefox、safari等，一个元素从非焦点切换为焦点时会激活outline属性从而产生一个实体的线框，比如图3，为隐藏掉该实体的线框，优选地，本发明可利用css可以使之不显示，具体实现时，可设置outline属性值为第三设定值比如none，通过该设置隐藏元素从非焦点状态变化为焦点状态时产生的实体线框。

至此，完成方式3的描述。

方式4：

本方式4下，所述网页信息为出入框区域(textarea)，至少包含：

出入框title中的内容。

本方式4下，所述用于访问网页信息的快捷方式为用于访问网页中textarea的第四快捷键；本发明中，访问网页中textarea的第四快捷键可通过设置accesskey的属性值实现，比如，设置accesskey的属性值为4，则当用户触发Alt+4，即可切换至textarea，屏幕阅读器即可阅读出入框title中的内容。

其中，所述出入框title中的内容在所述textarea未被第四快捷键触发时为空，而在所述textarea被第四快捷键触发时至少包括输入内容的提示比如请输入评论内容。之所以这样设置，也是为了避免用户的鼠标落在textarea时出现小菜单提示。

至此，完成方式4的描述。

以上对本发明提供的网页信息进行了描述，通过该网页信息的描述、以及该网页信息对应的快捷方式能够使得用户完整的访问整个网页。

至此，完成本发明提供的方法描述。

下面对本发明提供的装置进行描述：

参见图4，图4为本发明提供的装置结构图。如图4所示，该装置包括：

无障碍说明链接控制单元，用于针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式；

第一监控单元，用于监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；

第二监控单元，用于监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

优选地，本发明中，所述无障碍说明标题还包含：用于访问无障碍说明链接的快捷方式、线性阅读的快捷方式。基于此，所述第二监控单元进一步用于监控到用户选择触发所述用于访问无障碍说明的快捷方式时，重新获取并提供所述无障碍说明标题中的内容给用户，以及用于监控到用户选择触发进行线性阅读的快捷方式时，获取对应该快捷方式的数据内容并提供给用户。

优选地，本发明中，所述网页信息为用于指向网站首页的链接，其至少包括：网站首页链接标签中的内容、网站首页title中的内容；

所述用于访问网页信息的快捷方式为用于访问网站首页链接的第一快捷键；其中，所述网站首页title中的内容在所述网站首页链接未被第一快捷键触发时为空，而在所述网站首页链接被第一快捷键触发时至少包括所述网站首页的描述；和/或，

所述网页信息为网页中的主导航区域，至少包括：导航title中的内容；

所述用于访问网页信息的快捷方式为用于访问所述导航区域的第二快捷键；其中，所述导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时至少包括：导航的数据内容、以及选择导航的方式；和/或，

所述网页信息为网页中的正文区域，至少包括：正文title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中正文区域的第三快捷健；其中，所述正文title中的内容在所述正文区域未被第三快捷键触发时为空，而在所述正文区域被第三快捷键触发时至少包括正文区域的数据内容、以及在正文区域中选择数据内容的方式；和/或，

所述网页信息为出入框区域textarea，至少包含：出入框title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中textarea的第四快捷键；其中，所述出入框title中的内容在所述textarea未被第四快捷键触发时为空，而在所述textarea被第四快捷键触发时至少包括输入内容的提示。

优选地，如图4所示，该装置进一步包括：

tabindex属性值控制单元，用于在所述主导航区域所对应的代码区域设置tabindex属性值为第一设定值，依据所述tabindex属性值控制在用户从主导航区域中选择导航时自动添加对应的焦点；以及，

在所述正文区域所对应的代码区域设置tabindex属性值为第二设定值，通过设置tabindex属性值为第二设定值隐蔽IE浏览器中正文区域出现的虚线；

outline属性值控制单元，用于在所述正文区域所对应的代码区域设置层叠样式表单CSS中的outline属性值为第三设定值，通过设置CSS中的outline属性值为第三设定值隐藏正文区域中的元素从非焦点状态变化为焦点状态时产生的实体线框。

至此，完成图4所示的装置描述。

由以上技术方案可以看出，本发明中，通过为网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明title，使得用户在进入网站后首次访问的就是该无障碍说明标题包含的内容，以利用该无障碍说明标题包含的内容实现网页的快速访问。

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

Claims (13)

1.一种网页信息访问方法，其特征在于，该方法包括：

针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式，其中，所述用于访问网页信息的快捷方式为快捷键；

监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；

监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

2.根据权利要求1所述的方法，其特征在于，所述无障碍说明标题还包含：用于访问无障碍说明链接的快捷方式、线性阅读的快捷方式；

该方法进一步包括:

监控到用户选择触发所述用于访问无障碍说明的快捷方式时，重新获取并提供所述无障碍说明标题中的内容给用户；

监控到用户选择触发进行线性阅读的快捷方式时，获取对应该快捷方式的数据内容并提供给用户。

3.根据权利要求1所述的方法，其特征在于，所述网页信息为用于指向网站首页的链接，其至少包括：

网站首页链接标签中的内容；

网站首页title中的内容；

所述用于访问网页信息的快捷方式为用于访问网站首页链接的第一快捷键；

其中，所述网站首页title中的内容在所述网站首页链接未被第一快捷键触发时为空，而在所述网站首页链接被第一快捷键触发时至少包括所述网站首页的描述。

4.根据权利要求1所述的方法，其特征在于，所述网页信息为网页中的主导航区域，至少包括：

导航title中的内容；

所述用于访问网页信息的快捷方式为用于访问所述导航区域的第二快捷键；

其中，所述导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时至少包括：导航的数据内容、以及选择导航的方式。

5.根据权利要求4所述的方法，其特征在于，该方法进一步包括：

在所述主导航区域所对应的代码区域设置tabindex属性值为第一设定值；

依据所述tabindex属性值控制在用户从主导航区域中选择导航时自动添加对应的焦点。

6.根据权利要求1所述的方法，其特征在于，所述网页信息为网页中的正文区域，至少包括：

正文title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中正文区域的第三快捷健；

其中，所述正文title中的内容在所述正文区域未被第三快捷键触发时为空，而在所述正文区域被第三快捷键触发时至少包括正文区域的数据内容、以及在正文区域中选择数据内容的方式。

7.根据权利要求6所述的方法，其特征在于，该方法进一步包括：

在所述正文区域所对应的代码区域设置tabindex属性值为第二设定值，通过设置tabindex属性值为第二设定值隐蔽IE浏览器中正文区域出现的虚线；

和/或，

在所述正文区域所对应的代码区域设置层叠样式表单CSS中的outline属性值为第三设定值，通过设置CSS中的outline属性值为第三设定值隐藏正文区域中的元素从非焦点状态变化为焦点状态时产生的实体线框。

8.根据权利要求1所述的方法，其特征在于，所述网页信息为出入框区域textarea，至少包含：

出入框title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中textarea的第四快捷键；

其中，所述出入框title中的内容在所述textarea未被第四快捷键触发时为空，而在所述textarea被第四快捷键触发时至少包括输入内容的提示。

9.根据权利要求2所述的方法，其特征在于，所述触发进行线性阅读的快捷方式为上、下、左、右键；

所述对应该快捷方式的数据内容为：该快捷方式临近的数据内容。

10.一种网页信息访问装置，其特征在于，该装置包括：

无障碍说明链接控制单元，用于针对一个网站添加无障碍说明链接，并设置该无障碍说明链接对应的无障碍说明标题title，所述无障碍说明标题至少包含：用于访问网页信息的快捷方式，其中，所述用于访问网页信息的快捷方式为快捷键；

第一监控单元，用于监控到用户访问所述网站时，识别所述用户是否使用屏幕阅读器，如果是，提供所述无障碍说明标题包含的内容给用户选择；

第二监控单元，用于监控到用户选择触发用于访问网页信息的快捷方式时，获取对应该快捷方式的网页信息并提供给用户。

11.根据权利要求10所述的装置，其特征在于，所述无障碍说明标题还包含：用于访问无障碍说明链接的快捷方式、线性阅读的快捷方式；

所述第二监控单元进一步用于监控到用户选择触发所述用于访问无障碍说明的快捷方式时，重新获取并提供所述无障碍说明标题中的内容给用户，以及用于监控到用户选择触发进行线性阅读的快捷方式时，获取对应该快捷方式的数据内容并提供给用户。

12.根据权利要求10所述的装置，其特征在于，所述网页信息为用于指向网站首页的链接，其至少包括：网站首页链接标签中的内容、网站首页title中的内容；

所述用于访问网页信息的快捷方式为用于访问网站首页链接的第一快捷键；其中，所述网站首页title中的内容在所述网站首页链接未被第一快捷键触发时为空，而在所述网站首页链接被第一快捷键触发时至少包括所述网站首页的描述；和/或，

所述网页信息为网页中的主导航区域，至少包括：导航title中的内容；

所述用于访问网页信息的快捷方式为用于访问所述导航区域的第二快捷键；其中，所述导航title中的内容在所述主导航区域未被第二快捷键触发时为空，而在所述主导航区域被第二快捷键触发时至少包括：导航的数据内容、以及选择导航的方式；和/或，

所述网页信息为网页中的正文区域，至少包括：正文title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中正文区域的第三快捷健；其中，所述正文title中的内容在所述正文区域未被第三快捷键触发时为空，而在所述正文区域被第三快捷键触发时至少包括正文区域的数据内容、以及在正文区域中选择数据内容的方式；和/或，

所述网页信息为出入框区域textarea，至少包含：出入框title中的内容；

所述用于访问网页信息的快捷方式为用于访问网页中textarea的第四快捷键；其中，所述出入框title中的内容在所述textarea未被第四快捷键触发时为空，而在所述textarea被第四快捷键触发时至少包括输入内容的提示。

13.根据权利要求12所述的装置，其特征在于，该装置进一步包括：

tabindex属性值控制单元，用于在所述主导航区域所对应的代码区域设置tabindex属性值为第一设定值，依据所述tabindex属性值控制在用户从主导航区域中选择导航时自动添加对应的焦点；以及，

在所述正文区域所对应的代码区域设置tabindex属性值为第二设定值，通过设置tabindex属性值为第二设定值隐蔽IE浏览器中正文区域出现的虚线；

outline属性值控制单元，用于在所述正文区域所对应的代码区域设置层叠样式表单CSS中的outline属性值为第三设定值，通过设置CSS中的outline属性值为第三设定值隐藏正文区域中的元素从非焦点状态变化为焦点状态时产生的实体线框。