CN104111918A - 网页内容的无障碍处理方法和无障碍网页装置 - Google Patents

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

Info

Publication number
CN104111918A
CN104111918A CN201310130866.XA CN201310130866A CN104111918A CN 104111918 A CN104111918 A CN 104111918A CN 201310130866 A CN201310130866 A CN 201310130866A CN 104111918 A CN104111918 A CN 104111918A
Authority
CN
China
Prior art keywords
label
list
accessible
document
schem
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201310130866.XA
Other languages
English (en)
Other versions
CN104111918B (zh
Inventor
温和
李立勇
张旭
郭玮
李杨
金伟键
汤小军
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Beijing Co Ltd
Original Assignee
Tencent Technology Beijing Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Tencent Technology Beijing Co Ltd filed Critical Tencent Technology Beijing Co Ltd
Priority to CN201310130866.XA priority Critical patent/CN104111918B/zh
Priority to PCT/CN2014/075045 priority patent/WO2014169775A1/en
Publication of CN104111918A publication Critical patent/CN104111918A/zh
Priority to US14/882,539 priority patent/US10650185B2/en
Application granted granted Critical
Publication of CN104111918B publication Critical patent/CN104111918B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/30—Information retrieval; Database structures therefor; File system structures therefor of unstructured textual data
    • G06F16/38—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually
    • G06F16/382—Retrieval characterised by using metadata, e.g. metadata not derived from the content or metadata generated manually using citations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/93—Document management systems
    • G06F16/94—Hypermedia
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/954—Navigation, e.g. using categorised browsing
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9558—Details of hyperlinks; Management of linked annotations
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/134—Hyperlinking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/137—Hierarchical processing, e.g. outlines

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Artificial Intelligence (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Health & Medical Sciences (AREA)
  • Library & Information Science (AREA)
  • Business, Economics & Management (AREA)
  • General Business, Economics & Management (AREA)
  • Radar, Positioning & Navigation (AREA)
  • Remote Sensing (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

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

Description

网页内容的无障碍处理方法和无障碍网页装置
技术领域
本申请涉及人机交互技术领域，尤其涉及一种网页内容的无障碍人机交互方法和装置。
背景技术
无障碍网页应用（WAI-ARIA）技术主要针对的是视觉缺陷、失聪、行动不便的残疾人尤其像盲人的人机交互技术。WAI-ARIA技术公开了相应的人机交互标准，可以配合相应的无障碍辅助装置，例如屏幕阅读软件，进行人机交互。例如屏幕阅读软件可以基于WAI-ARIA规范大声朗读出网页的内容或者输出对应的盲文，一般由盲人使用，是盲人最常用的软件之一。而其中的ARIA技术就是可以让屏幕阅读软件准确识别网页中的内容、变化、状态的技术规范，可以让盲人这类用户也能无障碍阅读网页。
网页内容的无障碍处理，就是通过对特定网页中，对文件所必须的信息可访问性进行完整补充和填写，以配合无障碍辅助工具如客户端的屏幕阅读软件。网页信息无障碍的实现，网站方是以一种相对被动的方式去适应屏幕阅读软件等无障碍辅助装置。
无障碍辅助装置如屏幕阅读软件主要依靠网页的源代码获取网页信息，当某段代码获得了焦点，屏幕阅读软件就开始阅读这个代码中的相关信息，比如链接、图片、文字信息等等。但是，在某些信息量巨大的网页中，例如门户网站的频道首页，这类网页的信息量特别巨大，可能会有上千个文档条目链接，常规的屏幕阅读软件技术需要在这些链接中一个一个进行切换，使得盲人用户使用极其不方便。
在目前的WAI-ARIA技术中，已经公开了相关的属性技术，从而可以使得相应的辅助装置（例如屏幕阅读软件）可以在网页中的部分重要区域快速地进行切换，而不必一个一个链接进行切换，这在一定程度上提高了残障人士的操作便捷性。但是这个部分重要区域主要是针对网页在功能上的分类，其中共包括8种功能分类：大标题（banner）、导航（navigation）、search、main、complementary、contentinfo、application、form，而非对网页文档信息的区域划分。对于像频道首页这种文档信息量巨大的网页并不适用，残障用户无法快捷地了解整个网页的文档大纲，也无法随时访问文档大纲并无法快速在文档大纲的各个文档内容区之间进行切换。
发明内容
有鉴于此，本发明的主要目的在于提供一种网页内容的无障碍人机交互方法和装置，以提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用户在网页各文档内容区之间切换的便携性。
本发明的技术方案是这样实现的：
一种网页内容的无障碍处理方法，包括：
在网页中添加文档大纲列表标签；
在所述文档大纲列表标签获得焦点后包括：遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。
一种无障碍网页装置，包括：
文档大纲列表标签；
文档大纲获取模块，用于在所述文档大纲列表标签获得焦点后包括：在当前网页载入后遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。
与现有技术相比，本发明所述的无障碍网页内容的处理方案，可以在文档大纲列表标签获得焦点后（获得焦点就相当于无障碍辅助装置可以识别出该大纲列表标签内的内容），自动生成可以由无障碍辅助装置识别的当前网页的文档大纲的列表，因此无障碍辅助装置可以识别出文档大纲列表中的所有列表项目，即每个指定级别的标题，从而提高残障人士对大信息量网页的信息获知量和信息获知的便捷程度，并提高用户在网页指定级别的各文档内容区之间切换的便携性。从而可以使用无障碍辅助装置（如屏幕阅读软件）的残障人士方便快捷的了解当前网页的总体大纲内容，使用户可以完整的体验阅读和评论的流程。
附图说明
图1为本发明所述网页内容的无障碍处理方法的一种流程图；
图2为本发明所述无障碍网页装置的一种组成示意图；
图3为本发明所述无障碍网页装置的又一种组成示意图。
具体实施方式
下面结合附图及具体实施例对本发明再作进一步详细的说明。
本发明所述的文档大纲是指网页，通常是超文本标记语言（HTML，HypertextMarkup 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等）等。
因此本发明还公开了一种存储介质，其中存储有数据处理程序，该数据处理程序用于执行本发明上述方法的任何一种实施例。
以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (16)

1.一种网页内容的无障碍处理方法，其特征在于，包括：
在网页中添加文档大纲列表标签；
在所述文档大纲列表标签获得焦点后包括：遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。
2.根据权利要求1所述的方法，其特征在于，该方法进一步包括：在所述文档大纲列表标签中设置无障碍语义标识，该无障碍语义标识的内容包括文档大纲的操作说明。
3.根据权利要求1所述的方法，其特征在于，所述在网页中添加文档大纲列表标签，具体为：在网页的导航位置之后添加所述文档大纲列表标签。
4.根据权利要求1所述的方法，其特征在于，该方法进一步包括：在所述文档大纲列表标签中设置本标签的快捷键属性值。
5.根据权利要求4所述的方法，其特征在于，该方法进一步包括：将网页的第一个元素设置为文档大纲提示说明标签，并在该文档大纲提示说明标签中设置无障碍语义标识，该无障碍语义标识的内容包括：文档大纲列表标签的快捷键信息。
6.根据权利要求5所述的方法，其特征在于，所述文档大纲提示说明标签为链接标签，其链接指向的目标内容为详细的无障碍说明；且该文档大纲提示说明标签中的无障碍语义标识的内容进一步包括：查看详细无障碍说明的提示信息。
7.根据权利要求5所述的方法，其特征在于，该方法进一步包括：在所述文档大纲提示说明标签中设置本标签的快捷键属性值。
8.根据权利要求1至7任一项所述的方法，其特征在于，所述指定级别的标题标签为h2标签。
9.一种无障碍网页装置，其特征在于，包括：
文档大纲列表标签；
文档大纲获取模块，用于在所述文档大纲列表标签获得焦点后包括：在当前网页载入后遍历当前网页中所有指定级别的标题标签，为所述指定级别的每个标题标签增加锚点；将所述指定级别的每个标题标签的文字信息分别复制到一个对应的新建链接中、并将该新建链接指向其对应的标题标签的锚点；将所述每个新建链接作为一个列表项目添加到所述文档大纲列表标签中。
10.根据权利要求9所述的装置，其特征在于，所述文档大纲列表标签中设置有无障碍语义标识，该无障碍语义标识的内容包括文档大纲的操作说明。
11.根据权利要求9所述的装置，其特征在于，所述文档大纲列表标签位于网页的导航位置之后。
12.根据权利要求9所述的装置，其特征在于，所述文档大纲列表标签中设置有本标签的快捷键属性值。
13.根据权利要求12所述的装置，其特征在于，该装置进一步包括文档大纲提示说明标签，该文档大纲提示说明标签为该无障碍网页装置的第一个元素，且该文档大纲提示说明标签中设置有无障碍语义标识，该无障碍语义标识的内容包括：文档大纲列表标签的快捷键信息。
14.根据权利要求13所述的装置，其特征在于，所述文档大纲提示说明标签为链接标签，其链接指向的目标内容为详细的无障碍说明；且该文档大纲提示说明标签中的无障碍语义标识的内容进一步包括：查看详细无障碍说明的提示信息。
15.根据权利要求13所述的装置，其特征在于，所述文档大纲提示说明标签中进一步设置有本标签的快捷键属性值。
16.根据权利要求9至15任一项所述的装置，其特征在于，所述指定级别的标题标签为h2标签。
CN201310130866.XA 2013-04-16 2013-04-16 网页内容的无障碍处理方法和无障碍网页装置 Active CN104111918B (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN201310130866.XA CN104111918B (zh) 2013-04-16 2013-04-16 网页内容的无障碍处理方法和无障碍网页装置
PCT/CN2014/075045 WO2014169775A1 (en) 2013-04-16 2014-04-10 Accessible processing method of webpage contents and accessible webpage device
US14/882,539 US10650185B2 (en) 2013-04-16 2015-10-14 Accessible processing method of webpage contents and accessible webpage device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201310130866.XA CN104111918B (zh) 2013-04-16 2013-04-16 网页内容的无障碍处理方法和无障碍网页装置

Publications (2)

Publication Number Publication Date
CN104111918A true CN104111918A (zh) 2014-10-22
CN104111918B CN104111918B (zh) 2018-06-22

Family

ID=51708714

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201310130866.XA Active CN104111918B (zh) 2013-04-16 2013-04-16 网页内容的无障碍处理方法和无障碍网页装置

Country Status (3)

Country Link
US (1) US10650185B2 (zh)
CN (1) CN104111918B (zh)
WO (1) WO2014169775A1 (zh)

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106156268A (zh) * 2016-05-25 2016-11-23 烟台朱葛软件科技有限公司 无障碍网页控制方法
CN107491451A (zh) * 2016-06-12 2017-12-19 广州市动景计算机科技有限公司 一种网址收藏方法、系统和浏览器
CN108509544A (zh) * 2018-03-20 2018-09-07 腾讯科技（深圳）有限公司 思维导图的获取方法及装置、设备及可读存储介质
CN108647224A (zh) * 2018-03-22 2018-10-12 腾讯科技（深圳）有限公司 页面显示方法、装置、存储介质和电子装置
CN111414164A (zh) * 2019-01-04 2020-07-14 阿里巴巴集团控股有限公司 快捷键的设置方法、页面中快捷键处理方法和装置
CN111967275A (zh) * 2020-08-07 2020-11-20 广州新视展投资咨询有限公司 页面内容翻译方法和装置
CN112307373A (zh) * 2020-10-30 2021-02-02 广州汽车集团股份有限公司 车辆告警信息与车辆用户手册联动方法及车辆用户手册
CN112989766A (zh) * 2021-05-11 2021-06-18 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备
CN113742610A (zh) * 2020-05-29 2021-12-03 北京沃东天骏信息技术有限公司 一种对网页内容进行定位的方法、装置和存储介质
WO2022179343A1 (zh) * 2021-02-27 2022-09-01 华为技术有限公司 一种菜单列表更新方法和电子设备
CN115062246A (zh) * 2022-05-31 2022-09-16 哈尔滨亿时代数码科技开发有限公司 网站无障碍模块跳转方法及装置和网站
CN115114549A (zh) * 2022-05-26 2022-09-27 哈尔滨亿时代数码科技开发有限公司 一种网站无障碍选项卡可访问性改造方法

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10331756B2 (en) 2016-06-27 2019-06-25 International Business Machines Corporation Accessibility tagger for non-accessibility enabled webpages
CN107679214B (zh) * 2017-10-16 2020-09-22 深圳视界信息技术有限公司 链接定位方法、装置、终端与计算机可读存储介质
US11176221B2 (en) * 2018-09-24 2021-11-16 Netcentric Technologies Inc. Generating high volume accessible documents
US11194884B2 (en) 2019-06-19 2021-12-07 International Business Machines Corporation Method for facilitating identification of navigation regions in a web page based on document object model analysis
EP3852032A1 (en) * 2020-01-17 2021-07-21 Tata Consultancy Services Limited Machine first approach for identifying accessibility, non-compliances, remediation techniques and fixing at run-time
EP4337148A2 (en) * 2021-05-12 2024-03-20 Accessibe Ltd. Systems and methods for making websites accessible
WO2023057988A1 (en) * 2021-10-08 2023-04-13 Graphite Growth, Inc. Generation and use of content briefs for network content authoring

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1553379A (zh) * 2003-05-29 2004-12-08 杨子江 属性式目录结构浏览方法
CN101986297A (zh) * 2010-10-28 2011-03-16 浙江大学 基于链接聚类的无障碍网页浏览方法
CN102831229A (zh) * 2012-08-30 2012-12-19 浙大网新科技股份有限公司 适合盲人使用的网页浏览方法
US20130055068A1 (en) * 2011-08-26 2013-02-28 International Business Machines Corporation Automatic detection of item lists within a web page
CN102999502A (zh) * 2011-09-09 2013-03-27 腾讯科技（深圳）有限公司 扩展页面标签的方法和装置

Family Cites Families (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6769096B1 (en) * 1998-06-24 2004-07-27 Microsoft Corporation System and method for updating a table of contents in a frameset
US8196031B2 (en) * 2001-10-19 2012-06-05 Gh, Llc Content independent document navigation system and method
JP4789516B2 (ja) * 2005-06-14 2011-10-12 キヤノン株式会社 文書変換装置、文書変換方法並びに記憶媒体
US20090287994A1 (en) * 2005-10-31 2009-11-19 Justsystems Corporation Document processing device and document processing method
US20070162524A1 (en) * 2006-01-11 2007-07-12 Yahoo! Inc. Network document management
US20080244381A1 (en) * 2007-03-30 2008-10-02 Alex Nicolaou Document processing for mobile devices
WO2009026140A2 (en) * 2007-08-16 2009-02-26 Hollingsworth William A Automatic text skimming using lexical chains
US9489131B2 (en) * 2009-02-05 2016-11-08 Apple Inc. Method of presenting a web page for accessibility browsing
US20100205523A1 (en) * 2009-02-09 2010-08-12 International Business Machines Corporation Web Widget for Enabling Screen Reader Accessibility for a Web Application
US9875671B2 (en) * 2009-12-17 2018-01-23 Google Llc Cloud-based user interface augmentation
CN101727497B (zh) * 2010-01-13 2012-08-15 陈景亮 一种网页化文档生成交互式文档结构的方法
GB201015720D0 (en) * 2010-09-20 2010-10-27 Gammons Richard Findability of data elements
JP2012084948A (ja) * 2010-10-06 2012-04-26 Fujitsu Ltd 携帯端末装置、その情報選択支援プログラム及び情報選択支援方法
US8966361B2 (en) 2010-12-06 2015-02-24 Microsoft Corporation Providing summary view of documents
US9594729B2 (en) * 2011-08-30 2017-03-14 Microsoft Technology Licensing, Llc Content navigation and zooming on a mobile device
US20140089772A1 (en) * 2012-09-27 2014-03-27 Gururaj B. Shetty Automatically Creating Tables of Content for Web Pages
US20140188479A1 (en) * 2013-01-02 2014-07-03 International Business Machines Corporation Audio expression of text characteristics

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1553379A (zh) * 2003-05-29 2004-12-08 杨子江 属性式目录结构浏览方法
CN101986297A (zh) * 2010-10-28 2011-03-16 浙江大学 基于链接聚类的无障碍网页浏览方法
US20130055068A1 (en) * 2011-08-26 2013-02-28 International Business Machines Corporation Automatic detection of item lists within a web page
CN102999502A (zh) * 2011-09-09 2013-03-27 腾讯科技（深圳）有限公司 扩展页面标签的方法和装置
CN102831229A (zh) * 2012-08-30 2012-12-19 浙大网新科技股份有限公司 适合盲人使用的网页浏览方法

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
佚名: ""基于互联网的信息无障碍应用"", 《互联网天地》 *
钱小龙 等: ""美国信息无障碍事业发展概况:Section 508解读"", 《电化教育研究》 *

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106156268A (zh) * 2016-05-25 2016-11-23 烟台朱葛软件科技有限公司 无障碍网页控制方法
CN107491451A (zh) * 2016-06-12 2017-12-19 广州市动景计算机科技有限公司 一种网址收藏方法、系统和浏览器
CN108509544A (zh) * 2018-03-20 2018-09-07 腾讯科技（深圳）有限公司 思维导图的获取方法及装置、设备及可读存储介质
CN108509544B (zh) * 2018-03-20 2021-05-18 腾讯科技（深圳）有限公司 思维导图的获取方法及装置、设备及可读存储介质
CN108647224A (zh) * 2018-03-22 2018-10-12 腾讯科技（深圳）有限公司 页面显示方法、装置、存储介质和电子装置
CN111414164A (zh) * 2019-01-04 2020-07-14 阿里巴巴集团控股有限公司 快捷键的设置方法、页面中快捷键处理方法和装置
CN111414164B (zh) * 2019-01-04 2024-03-22 阿里巴巴集团控股有限公司 快捷键的设置方法、页面中快捷键处理方法和装置
CN113742610A (zh) * 2020-05-29 2021-12-03 北京沃东天骏信息技术有限公司 一种对网页内容进行定位的方法、装置和存储介质
CN111967275B (zh) * 2020-08-07 2023-06-30 广州新视展投资咨询有限公司 页面内容翻译方法和装置
CN111967275A (zh) * 2020-08-07 2020-11-20 广州新视展投资咨询有限公司 页面内容翻译方法和装置
CN112307373A (zh) * 2020-10-30 2021-02-02 广州汽车集团股份有限公司 车辆告警信息与车辆用户手册联动方法及车辆用户手册
WO2022179343A1 (zh) * 2021-02-27 2022-09-01 华为技术有限公司 一种菜单列表更新方法和电子设备
CN112989766A (zh) * 2021-05-11 2021-06-18 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备
CN112989766B (zh) * 2021-05-11 2021-08-03 金锐同创(北京)科技股份有限公司 文档标注信息的处理方法、装置及终端设备
CN115114549A (zh) * 2022-05-26 2022-09-27 哈尔滨亿时代数码科技开发有限公司 一种网站无障碍选项卡可访问性改造方法
CN115062246A (zh) * 2022-05-31 2022-09-16 哈尔滨亿时代数码科技开发有限公司 网站无障碍模块跳转方法及装置和网站

Also Published As

Publication number Publication date
US20160034432A1 (en) 2016-02-04
CN104111918B (zh) 2018-06-22
WO2014169775A1 (en) 2014-10-23
US10650185B2 (en) 2020-05-12

Similar Documents

Publication Publication Date Title
CN104111918A (zh) 网页内容的无障碍处理方法和无障碍网页装置
US20140115439A1 (en) Methods and systems for annotating web pages and managing annotations and annotated web pages
CN103020156B (zh) 一种针对网页的处理方法、装置和设备
WO2011066456A2 (en) Methods and systems for content recommendation based on electronic document annotation
CN103853806A (zh) 一种表格转换方法及装置
CN102436454A (zh) 一种浏览器的输入法切换方法和系统
US20140089772A1 (en) Automatically Creating Tables of Content for Web Pages
CN102207936A (zh) 用于提示电子文档内容变更的方法和系统
CN104657451A (zh) 页面的处理方法及装置
CN103870486A (zh) 确定网页类型的方法和装置
Leporini et al. Designing search engine user interfaces for the visually impaired
CN103942211A (zh) 一种正文页的识别方法及装置
CN104123074A (zh) 关注区域推定装置、方法及程序
CN107562450A (zh) 一种地方志资源跨平台可视化方法
Bechhofer et al. Sadie: Semantic annotation for accessibility
JP4539438B2 (ja) トラックバック元のコメント・トラックバックの集約方法及び装置及びプログラム及びプログラムを格納したコンピュータ読み取り可能な記憶媒体
US20090031224A1 (en) Method, system, and computer program product for visually associating a static graphic image and html text on a web page
CN106033348A (zh) 一种制作网页的方法、装置及电子设备
CN102707935A (zh) 一种移动终端阅览工具及其文字属性设置方法
KR101786019B1 (ko) 지능형 문장 자동 완성 방법 및 장치
Harper et al. Augmenting the mobility of profoundly blind Web travellers
Rossi Developing Accessible Banking Services For visually impaired customers
Lai Adapting data table to improve web accessibility
KR100998076B1 (ko) 정보 단말기의 영상 크기 조절 장치 및 방법
KR20090045520A (ko) 시맨틱 기술을 이용한 태그어 자동 생성 방법

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant