CN103218286A - 一种网页无障碍功能检测方法及其系统 - Google Patents
一种网页无障碍功能检测方法及其系统 Download PDFInfo
- Publication number
- CN103218286A CN103218286A CN2012100185013A CN201210018501A CN103218286A CN 103218286 A CN103218286 A CN 103218286A CN 2012100185013 A CN2012100185013 A CN 2012100185013A CN 201210018501 A CN201210018501 A CN 201210018501A CN 103218286 A CN103218286 A CN 103218286A
- Authority
- CN
- China
- Prior art keywords
- webpage
- detected
- web
- rule
- accessible
- 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.)
- Pending
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种网页无障碍功能检测方法及其系统,该方法包括:对应于网页对象类型设置有相应的无障碍检测规则,当接收对待检测网页进行无障碍功能检测的指令后,根据所述指令确定待检测网页中的网页对象的类型,根据所述待检测网页中的网页对象的类型获取对应的检测规则,根据对应的检测规则对相应网页对象进行无障碍功能检测,根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。采用本申请可实现网页无障碍功能的自动检测。
Description
技术领域
本申请涉及通信技术领域,特别是涉及一种网页无障碍功能检测方法及其系统。
背景技术
随着Internet的快速发展,互联网已经成为人们日常经常使用的信息交流和信息获取渠道。可是目前大多数互联网页在设计之初没有考虑到特殊人群的需要,因此这类人群在访问网页时会遇到很多困难。例如,盲人在上网时需要使用辅助的工具软件(如屏幕读取器)以获得网页上的信息。但是对于多媒体信息、图片动画等没有相应的替代文字的网页元素,读屏软件无法获取信息内容。另外,网页中存在的大量无标题链接使盲人操作不便,进一步的,突然跳出的广告等网页窗口,也会打断和扰乱盲人的操作。
为了使特殊人群也能享受信息通信技术的成果,能够使用互联网进行信息获取和交流,保证网站对于身体有障碍人士的可访问性,目前提出了网站设计无障碍的技术要求,针对这种无障碍网页技术,对网元无障碍功能的检测就显得尤为重要。良好快捷的检测技术才能确保无障碍网页的可用性和易用性。
目前,对网页的无障碍功能进行检测主要靠人工实现,每一个检测环节都需要投入大量的人力和时间。人工检查效率低,成本高,出错概率也高,并且大型的网站网页数量上亿,通过人工方式进行无障碍检测很难实现。
申请内容
本申请实施例提供了一种网页无障碍功能检测方法及其系统,用以实现网页无障碍功能的自动检测。
本申请实施例提供的网页无障碍功能检测方法中,对应于网页对象类型设置有相应的无障碍检测规则,该方法包括:
接收对待检测网页进行无障碍功能检测的指令;
根据所述指令,确定待检测网页中的网页对象的类型;
根据所述待检测网页中的网页对象的类型,获取对应的检测规则;
根据对应的检测规则,对相应网页对象进行无障碍功能检测;
根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。
本申请实施例提供的网页无障碍功能检测系统,包括:
存储模块,用于存储对应于网页对象类型设置的相应的无障碍检测规则;
接收模块,用于接收对待检测网页进行无障碍功能检测的指令;
类型确定模块,用于根据所述指令,确定待检测网页中的网页对象的类型;
规则匹配模块,用于根据所述待检测网页中的网页对象的类型,获取对应的检测规则;
检测模块,用于根据对应的检测规则,对相应网页对象进行无障碍功能检测;
输出模块,用于根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。
本申请的上述实施例,通过对应于网页对象类型设置相应的无障碍检测规则,并在对网页进行无障碍检测时,根据网页对象的类型采用对应的检测规则进行无障碍功能检测,实现了网页无障碍功能的自动检测。
附图说明
图1为本申请实施例提供的网页无障碍功能检测流程示意图;
图2为本申请实施例提供的网页无障碍功能检测系统结构示意图。
具体实施方式
针对现有技术存在的上述问题,本申请实施例通过对网页无障碍功能检测规则的分析,对HTML DOM(Document Object Model,文档对象模型)结构的分析,程序化的检测网站HTML(Hypertext Markup Language,文本标记语言)标签的无障碍特性,以达到对任意网站,无人工干扰的自动化检测。
下面首先对HTML DOM进行说明。
HTML DOM定义了访问和操作HTML(Hypertext Markup Language,文本标记语言)文档的标准方法。HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)。每个节点都拥有包含着关于节点某些信息的属性,这些属性包括:nodeName(节点名称)nodeValue(节点值)nodeType(节点类型)。它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑。
对于HTML而言,每个元素在DOM中皆是当作一个节点对象,组成一个节点树,DOM是这样规定的:
整个文档是一个文档节点;
每个HTML标签是一个元素节点;
包含在HTML元素中的文本是文本节点;
每一个HTML属性是一个属性节点;
注释属于注释节点。
例如,常见的DOM节点对象有:
表1
对象 | 描述 |
Window | JavaScript层级中的顶层对象,表示浏览器窗口。 |
Navigator | 包含客户端浏览器的信息。 |
Screen | 包含客户端显示屏的信息。 |
History | 包含了浏览器窗口访问过的URL。 |
Location | 包含了当前URL的信息。 |
表2
对象 | 描述 |
Document | 代表整个HTML文档,可被用来访问页面中的所有元素 |
Anchor | 代表<a>元素 |
Area | 代表图像映射中的<area>元素 |
Base | 代表<base>元素 |
Body | 代表<body>元素 |
Button | 代表<button>元素 |
Event | 代表某个事件的状态 |
Form | 代表<form>元素 |
Frame | 代表<frame>元素 |
Frameset | 代表<frameset>元素 |
Iframe | 代表<iframe>元素 |
Image | 代表<img>元素 |
Input button | 代表HTML表单中的一个按钮 |
Input checkbox | 代表HTML表单中的复选框 |
Input file | 代表HTML表单中的文件上传 |
Input hidden | 代表HTML表单中的隐藏域 |
Input password | 代表HTML表单中的密码域 |
Input radio | 代表HTML表单中的单选按钮 |
Input reset | 代表HTML表单中的重置按钮 |
Input submit | 代表HTML表单中的确认按钮 |
Input text | 代表HTML表单中的文本输入域(文本框) |
Link | 代表<link>元素 |
Meta | 代表<meta>元素 |
Object | 代表<Object>元素 |
Option | 代表<option>元素 |
Select | 代表HTML表单中的选择列表 |
Style | 代表单独的样式声明 |
Table | 代表<table>元素 |
TableData | 代表<td>元素 |
TableRow | 代表<tr>元素 |
Textarea | 代表<textarea>元素 |
不同的HTML DOM节点对象具有不同的无障碍功能要求,具有无障碍功能的节点对象,能够被屏幕阅读器阅读。相应的,不同的HTML DOM节点对象针对其所应实现的无障碍功能有不同的编码规则。无障碍网页的无障碍功能检测就是检测网页是否能达到无障碍访问要求,也就是是否能满足无障碍功能编码规则。
例如,无障碍功能的编码规则可分两个等级:可用、易用,其中:
可用等级:强制执行,可满足视力障碍用户在使用淘宝的时候达到:内容可阅读,功能可使用;
易用等级:建议执行,可进一步帮助视力障碍用户在使用淘宝的时候,快速,高效,友好。
具体的,可用等级应满足以下要求:
(1)内容性图片具有至少一项可阅读属性,可以是alt,title,longdesc;
(2)表单域至少包含一项可阅读属性或关联标签,如:alt,title,label;
(3)媒体文件具有至少一项可阅读属性,如:alt,title;
(4)功能性伪按钮(如<span>展开</span>)可以通过键盘可以聚焦,建议使用a标签,或者添加tabindex;
(5)功能性和内容性的文案不允许单纯依赖背景图片中的文字,应有可阅读属性或文本内容;
(6)鼠标hover激活的功能,应使键盘也可以激活;
(7)装饰性的图片使用空的alt属性或title属性,防止干扰用户;
(8)不允许使用任何方式使内容tab切换时进入死循环;
(9)非中文的内容模块,在容器标签添加lang属性,标明使用的语言;
(10)表格内须提供caption标签和summary属性,并正确使用th和td。
具体的,易用等级应满足以下要求:
(1)正确使用h1~h6,使文档结构更清晰;
(2)提供站点导航;
(3)提供帮助链接;
(4)提供面包屑路径,面包屑(或称为面包屑路径)是一种显示用户在网站或网络应用中的位置的二级导航方案,面包屑路径可为用户提供一种追踪返回最初访问页面的方式;
(5)文档的结构顺序要连续合理,触发展开的浮层可以直接切入阅读;
(6)使用tabindex规划文档的切换顺序;
(7)对缩写和专业术语提供解释;
(8)链接的内容文案及可阅读属性要能充分解释自身的目标;
(9)图文并排的链接要合并为一个链接;
(10)使用js添加的事件提供可阅读性说明文字,解释事件操作的目的和作用;
(11)表单提交提供二次确认,提交后要有正确或错误反馈;
(12)使用fieldset和legend给表单合理的分区;
(13)表单的必填项和选填项要给予说明;
(14)常用功能和主导航提供快捷键功能(accesskey);
(15)使用role属性给模块注明功能。
考虑到自动化中实现每个HTML DOM节点对象的校验效率低,本申请实施例根据网页对象无障碍检测规则的特点,将HTML DOM节点对象按照类型分类,并对应每个分类设置了对应的无障碍检测规则。HTML DOM节点对象的类型可包括标签层级对象类型、组件级对象、网页级别对象之一或任意组合。
针对不同的HTML DOM节点对象类型,其无障碍编码规则可以包括:
(一)标签层级对象的无障碍编码规则
(1)Anchor标签(即a标签)
i.对于文字内容完整,未做截断处理的的a标签,无需辅助属性(屏幕阅读器可以读出完整的a标签文本内容);例如:
<a href=″url″>淘宝网首页</a>
ii.对于文字内容有截断的,不能展示全部内容的a标签,需要添加title(标题)属性以注明完整内容,非空,以便屏幕阅读器能够读出title属性文本内容,添加data-acc=″istrunc″属性(自动化测试钩子),以便在进行无障碍功能检测时,当检测系统读到该标签中的该data-acc=″istrunc″属性时进行检测与验证,例如:
<a href=″url″title=″全场三折起,降价女鞋甩卖″data-acc=″istrunc″>全场三折起...</a>
iii.对于文字内容需要结合上下文才可以知道目标页面的a标签,需要添加title属性以注明链接的目标,非空,添加data-acc=″istrunc″属性(自动化测试钩子),以便屏幕阅读器能够读出title属性文本内容,例如:
<a href=″url″title=″更多淘宝服务″data-acc=″istrunc″>更多</a>
(2)Image标签
i.针对商品图片、活动图片或banner等,需要添加alt属性(输出纯文字的参数属性,屏幕阅读器可以读出alt属性文本内容)和title属性,以阐述图片的内容,非空;如不需要测试,添加属性data-acc=″ignore″,以便在进行无障碍功能检测时,当检测系统读到该标签中的该data-acc=″ignore″属性时会跳过,不进行检测与验证。
ii.针对icon(图标),按钮,需要使用css(Cascading Style Sheet,级联样式表)将图片作为背景,链接里嵌入隐藏标签和替代文本,这样替代文本会隐藏不会被显示,同时屏幕阅读器也能读出这个icon的文本内容。
(3)控件元素,表单域至少包含一项可阅读属性或关联标签,如:alt,title,label
i.button标签
标签内容可以自描述的,无需添加额外属性。
ii.input[type=button|submit|reset]标签
标签的value属性可供屏幕阅读器阅读,使用value属性自描述。
iii.input,select,textarea,fieldset标签
添加title属性,属性值为描述文案。
iv.input,select,textarea,fieldset标签
使用aria-label属性(aria属性用于解释标签行为和状态),属性值为描述文案,非空,以便屏幕阅读器阅读。
v.input,select,textarea,fieldset标签
使用aria-labelledby属性,新建一个包含描述文案的标签元素,描述文案非空,将控件的aria-labelledby属性和描述文案的标签元素id关联。
vi.input,select,textarea,fieldset标签
添加label标签,将label的for属性和控件元素的id关联起来,label可以显示或隐藏,文案非空。
vii.fieldset
添加tabindex属性,使标签可被tab切换,tabindex值为非负整数。
(4)表格元素,数据结构为表格的内容,使用table布局
i.表格中包含caption标签,caption可以显示或隐藏;
ii.给table添加summary属性,输入表格的概要;
iii.合理的使用thead,tbody及tfoot;
iv.标题单元格添加scope属性,表示相关的范围。
(二)组件级对象的无障碍编码规则
(1)tab标签,通过tab标签切换局部区块内容显示的组件
i.给组件父容器添加自动化测试钩子:class=″acc_tab″,以便当无障碍功能检测系统读到标签里的data-acc=″acc_tab″属性时,会进行tab相关的验证,验证的内容如下ii~vi所述:
ii.给tab父容器添加role=″tablist″属性;
iii.给每个tab添加role=″tab″属性;
iv.给每个tab内容容器添加role=″tabpanel″属性;
v.给每个tab添加aria-controls属性,将其和对应的内容面板id关联起来;
vi.用js实现:左右键切换tab,tab键切入tab内容。
(2)浮出层,点击或鼠标滑入某个元素,页面里出现一个浮出层,用来显示更详细的内容
i.给触发元素添加aria-label属性描述触发动作和预期的结果;
ii.给触发元素添加class=″acc_popup″自动化检测钩子,当无障碍检测系统读到标签里的data-acc=″acc_popup″属性时,会进行popup相关的验证,验证内容如下iii~viii所述:
iii.给触发元素添加data-acc=″event:keyValue″{keyValueoptions:enter|esc|up|down|left|right|tab[default]},注明键盘动作;
iv.给触发元素添加aria-controls属性指明浮出层id;
v.给触发元素添加aria-haspopup属性,值设为“true”,告之读屏器有浮出层;
vi.给浮出层添加tabindex属性,浮出层出现后,使用js将其聚焦
vii.给浮出层添加data-acc=″event:keyValue″{keyValueoptions:enter|esc|up|down|left|right|tab[default]},注明键盘动作;
viii.使用js实现交互的引导。
(3)伪按钮,页面内可以点击产生交互行为的元素
i.给触发元素添加class=″acc_fake_btn″自动化检测钩子,当无障碍检测系统读到标签里的data-acc=″acc_fake_btn″属性时,会进行相关的验证,验证内容如下ii~vii所述:
ii.给触发元素添加data-acc=″event:keyValue″{keyValueoptions:enter|esc|up|down|left|right|tab[default]},注明键盘动作;
iii.给触发元素添加aria-controls属性指明激活元素的id;
vi.建议使用a作为元素的标签,不能丢失href属性,使其可以获得焦点;
v.如果使用非a作为元素标签,需要添加tabindex=″0″和role=″link″属性,使其可以获得焦点;
vi.添加aria-label或title属性,说明交互操作;
vii.用js实现键盘操作。
(三)网页级别对象的无障碍编码规则
(1)导航菜单,页面中的导航区块
i.给导航菜单容器添加role=″navigation″属性;
ii.给容器添加tabindex=″0″使其可以被tab切换;
iii.添加aria属性,对导航内容做描述。
(2)页面区块,给页面里的不同区块添加语义
给区块添加role属性,说明区块的作用。
(3)快捷键,给页面里重要区块和功能添加accesskey,可以快速定位添加accesskey属性,值为快捷按键值
(4)语言,给页面里非中文的内容添加语言属性
给特殊语言的区块添加语言属性
(5)免检标志,给页面某个容器添加免检标志属性,这个容器下则不需要进行自动化无障碍检测
给免检区块的容器添加data-acc=″ignore″。
以上仅为本申请实施例所列举的无障碍编码规则,在具体实施时,可根据无障碍功能的实际要求,设计对应的无障碍编码规则。
本申请实施例针对网页HTML DOM节点对象类型,设计对应的检测规则,如,需要检测哪些属性以及如何根据各属性的检测结果判断是否对该类型节点对象的无障碍功能检测通过。在进行网页无障碍功能检测时,首先确定HTMLDOM节点对象类型,针对该类型HTML DOM节点对象对应的检测规则,对该节点对象进行无障碍功能检测,进而对整个网页的无障碍功能进行检测。
参见图1,为本申请实施例提供的网页无障碍功能检测流程示意图。该流程通过对网页中的HTML DOM节点对象进行分类,按照节点对象类型对应的检测规则,对网页中的HTML DOM节点对象进行无障碍功能检测,从而完成了对网页的无障碍功能检测。该流程通常由网页无障碍功能检测系统实现,如图1所示,该流程可包括:
步骤101,接收对网页进行无障碍功能检测的指令。
具体的,网页无障碍功能检测系统可在接收到用户提交的检测指令以及待检测网页后,开始执行本流程。例如,使用程序化的命令脚本触发Web UI自动化,具体的,可通过在配置文件中加入一命令行(如Automan.config.accessibility=true),触发在程序执行时对于无障碍规则的引入,也可以通过运行时加参数-acc true来实现对无障碍校验的触发。也可以由时间(如预先设定检测时间)或事件(如在有新网页被提交到该系统时)触发网页无障碍功能检测流程。
步骤102,根据该指令,确定待检测网页中的网页对象的类型。
具体的,网页无障碍功能检测系统可根据对网页进行无障碍功能检测的指令,获取待检测网页,以及该待检测网页的HTML DOM节点树,从而确定该HTML DOM节点树中各节点对象的类型。
如前所述,由于对于HTML网页而言,其中的每个元素在DOM中皆是当作一个节点对象,组成一个节点树,因此通过网页的源代码即可得到该网页的HTML DOM节点树。
如前所述,如果网页HTML DOM节点对象类型分为三类(标签层级对象类型、组件级别对象类型、页面级别对象类型),则网页无障碍功能检测系统可以通过以下方式确定HTML DOM节点对象所属的类型:
根据HTML DOM节点对象的tag(标签),确定网页对象所属的标签层级对象类型;例如,如果HTML DOM节点对象的tag为a,button,img,input,select,textarea,fieldset或table,则认为该HTML DOM节点对象为标签层级对象,并进一步根据tag确定该分类下的子类(如a标签对应链接子类,button标签对应按钮子类,img标签对应图片子类,input,select,textarea,fieldset分别对应相应的控件子类,table对应表单子类);
根据HTML DOM节点对象的class属性,确定网页对象所属的组件级别对象类型;例如,如果HTML DOM节点对象的class属性为acc_tab,acc_popup,或acc_fake_btn,则认为该HTML DOM节点对象为组件级别对象类型,并进一步根据class属性确定该分类下的子类(如acc_tab对应tab子类,acc_popup对应浮出层子类,acc_fake_btn对应伪按钮子类);
根据HTML DOM节点对象的role属性,确定网页对象所属的页面级别对象类型;例如,如果HTML DOM节点对象的role属性为navigation,则认为该HTML DOM节点对象为页面级别对象类型,并进一步根据role属性确定该分类下的子类为导航菜单子类。
步骤103,根据待检测网页中的网页对象的类型,获取对应的检测规则。
具体的,检测规则的代码可存储在检测规则库中,网页无障碍功能检测系统在确定出HTML DOM节点对象的类型后,可从检测规则库中获取该类型对应的检测规则代码。
例如,如果HTML DOM节点对象为标签层级对象类型的图片子类,则获取对图片对象进行无障碍检测的规则代码;如果HTML DOM节点对象为组件级别对象类型的浮出层子类,则获取对浮出层对象进行无障碍检测的规则代码;如果HTML DOM节点对象为网页级别对象类型的导航菜单子类,则获取对导航菜单对象进行无障碍检测的规则代码。
步骤104,根据对应的检测规则,对相应网页对象进行无障碍功能检测。
具体的,根据设置的检测规则,网页无障碍功能检测系统可从以下几个方面之一或任意组合进行检测:
对网页对象的属性进行检测。例如,img对象的title属性不能为空;
对网页对象的子对象的属性进行检测。例如,botton对象下必须包含文本;
对网页对象的属性之间的关联关系进行检测。例如,fieldset对象的id属性必须有一个label的for属性与之对应。
进一步的,无障碍检测规则中可包括必选规则和可选规则,相应的,在根据对应的检测规则对相应网页对象进行无障碍功能检测的过程中,若相应网页对象满足必选规则,以及至少满足一个可选规则,则所述相应网页对象通过无障碍功能检测。
步骤105,根据对网页对象的无障碍功能检测结果,输出待检测网页无障碍功能的检测结果。例如,若该待检测网页中被检测到的HTML DOM节点对象均通过无障碍功能检测,则该待检测网页通过无障碍功能检测。
测试结果可采用测试报告呈现,可存储在默认位置,测试包括内容可包括:
当前URL:指出出现无障碍问题的页面;
当前Title:当前HTML页面标题;
全路径:出现无障碍问题页面控件的位置;
控件:检测出现无障碍问题的控件;
整体的检查结果。
进一步的,网页无障碍功能检测系统可将每个测试报告文件进行归纳整理,减少冗余后,写入Bug(漏洞)管理系统。
需要说明的是,所述逻辑类型不局限于上述三种,按照网页的类型不同可以有更多的节点类型,本方法同时适用;同理,各个类型对应的检测规则不局限于上述三种情况,是可以随时更新,添加的,以适应复杂、变化的无障碍网页检测的发展。
通过本申请实施例的以上描述可以看出,通过对无障碍网页中的节点对象分类检测,实现了对无障碍网页的自动化检测,减低了成本,并通过程序化编程,实现无人工干预,提高了无障碍网页的测试效率,降低了出错概率,提高了产品质量以及用户体验,能够对网页数量多、结构复杂的大型的网站进行检测。
为了更清楚的说明本申请实施例,以前述针对三种HTML DOM节点对象类型(标签层级对象类型、组件级别对象类型、页面级别对象类型)的无障碍编码规则为例,其中各类型HTML DOM节点对象对应的无障碍编码规则代码包括:
上述代码说明如下:
def_check_a部分为标签层级对象类型中链接子类(a标签)的检测规则代码:若满足规则a_3_1_1,则检测通过;
def check_button部分为标签层级对象类型中按钮子类(button标签)的检测规则代码:若满足规则button_3_1_3_1,则检测通过;
def check_img部分为标签层级对象类型中图片子类(img标签)的检测规则代码:若满足规则img_3_1_2_1,则检测通过;
def check_input部分为标签层级对象类型中输入框子类(input标签)的检测规则代码:若类型为隐藏,则检测通过;否则,若满足规则input_3_1_3_2,或者满足规则return any_3_1_3_3、any_3_1_3_4、any_3_1_3_5、any_3_1_3_6其中之一,则检测通过;即,若满足规则input_3_1_3_2则检测通过,当规则input_3_1_3_2不满足时,需要满足return any_3_1_3_3、any_3_1_3_4、any_3_1_3_5、any_3_1_3_6其中之一才能算检测通过。
def check_select部分为标签层级对象类型中选择框子类(select标签)的检测规则代码:若满足规则return any_3_1_3_3、any_3_1_3_4、any_3_1_3_5、any_3_1_3_6其中之一,则检测通过;
def check_textarea部分为标签层级对象类型中文本框子类(textarea标签)的检测规则代码:若满足规则return any_3_1_3_3、any_3_1_3_4、any_3_1_3_5、any_3_1_3_6其中之一,则检测通过;
def check_fieldset部分为标签层级对象类型中表单元素集子类(fieldset标签)的检测规则代码:若满足规则fieldset_3_1_3_7,并且满足规则any_3_1_3_3、any_3_1_3_4、any_3_1_3_5、any_3_1_3_6其中之一,则检测通过;
def check_table部分为标签层级对象类型中表格子类(table标签)的检测规则代码:若满足规则table_3_1_4,则检测通过;
def class_acc_tab部分为组件级别对象类型中切换子类(tab)的检测规则代码:若满足规则any_3_2_1,则检测通过;
def class_acc_popup部分为组件级别对象类型中浮出层子类(popup)的检测规则代码:若满足规则any_3_2_2,则检测通过;
def class_acc_fake_btn部分为组件级别对象类型中伪按钮子类(fake_btn)的检测规则代码:若满足规则any_3_2_3,则检测通过;
def role_navigation部分为网页级别对象类型中导航菜单子类(navigation)的检测规则代码:若满足规则any_3_3_1,则检测通过。
基于相同的技术构思,本申请实施例还提供了一种可实现上述流程的网页无障碍功能检测系统。
参见图2,为本申请实施例提供的网页无障碍功能检测系统的结构示意图,该系统可包括:
存储模块201,用于存储对应于网页对象类型设置的相应的无障碍检测规则;
接收模块202,用于接收对待检测网页进行无障碍功能检测的指令;
类型确定模块203,用于根据所述指令,确定待检测网页中的网页对象的类型;
规则匹配模块204,用于根据所述待检测网页中的网页对象的类型,获取对应的检测规则;
检测模块205,用于根据对应的检测规则,对相应网页对象进行无障碍功能检测;
输出模块206,用于根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。
具体的,检测模块205可根据对应的检测规则,对以下之一或组合进行检测:
网页对象的属性;
网页对象的子对象的属性;
网页对象的属性之间的关联关系。
具体的,存储模块201中存储的对应于网页对象类型设置的无障碍检测规则,包括必选规则和可选规则。相应的,检测模块205在根据对应的检测规则,对相应网页对象进行无障碍功能检测的过程中,若相应网页对象满足必选规则,以及至少满足一个可选规则,则确定相应网页对象通过无障碍功能检测。
具体的,所述网页对象类型包括标签层级对象类型、组件级别对象类型、页面级别对象类型之一或组合。
具体的,类型确定模块203采用以下之一或组合确定待检测网页中的网页对象的类型:
根据网页对象的标签,确定网页对象所属的标签层级对象类型;
根据网页对象的class属性,确定网页对象所属的组件级别对象类型;
根据网页对象的role属性,确定网页对象所属的网页级别对象类型。
本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中,也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块,也可以进一步拆分成多个子模块。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括若干指令用以使得一台终端设备(可以是手机,个人计算机,服务器,或者网络设备等)执行本申请各个实施例所述的方法。
以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视本申请的保护范围。
Claims (10)
1.一种网页无障碍功能检测方法,其特征在于,对应于网页对象类型设置有相应的无障碍检测规则,该方法包括:
接收对待检测网页进行无障碍功能检测的指令;
根据所述指令,确定待检测网页中的网页对象的类型;
根据所述待检测网页中的网页对象的类型,获取对应的检测规则;
根据对应的检测规则,对相应网页对象进行无障碍功能检测;
根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。
2.如权利要求1所述的方法,其特征在于,所述根据对应的检测规则,对相应网页对象进行无障碍功能检测,包括以下之一或组合:
根据对应的检测规则,对网页对象的属性进行检测;
根据对应的检测规则,对网页对象的子对象的属性进行检测;
根据对应的检测规则,对网页对象的属性之间的关联关系进行检测。
3.如权利要求1所述的方法,其特征在于,对应于网页对象类型设置的无障碍检测规则包括必选规则和可选规则;
所述根据对应的检测规则,对相应网页对象进行无障碍功能检测的过程中,若相应网页对象满足必选规则,以及至少满足一个可选规则,则所述相应网页对象通过无障碍功能检测。
4.如权利要求1-3之一所述的方法,其特征在于,所述网页对象类型包括标签层级对象类型、组件级别对象类型、页面级别对象类型之一或组合。
5.如权利要求4所述的方法,其特征在于,所述确定待检测网页中的网页对象的类型,包括以下之一或组合:
根据网页对象的标签,确定网页对象所属的标签层级对象类型;
根据网页对象的class属性,确定网页对象所属的组件级别对象类型;
根据网页对象的role属性,确定网页对象所属的网页级别对象类型。
6.一种网页无障碍功能检测系统,其特征在于,包括:
存储模块,用于存储对应于网页对象类型设置的相应的无障碍检测规则;
接收模块,用于接收对待检测网页进行无障碍功能检测的指令;
类型确定模块,用于根据所述指令,确定待检测网页中的网页对象的类型;
规则匹配模块,用于根据所述待检测网页中的网页对象的类型,获取对应的检测规则;
检测模块,用于根据对应的检测规则,对相应网页对象进行无障碍功能检测;
输出模块,用于根据对网页对象的无障碍功能检测结果,输出所述待检测网页无障碍功能的检测结果。
7.如权利要求6所述的网页无障碍功能检测系统,其特征在于,所述检测模块具体用于,根据对应的检测规则,对以下之一或组合进行检测:
网页对象的属性;
网页对象的子对象的属性;
网页对象的属性之间的关联关系。
8.如权利要求6所述的网页无障碍功能检测系统,其特征在于,所述存储模块中存储的对应于网页对象类型设置的无障碍检测规则,包括必选规则和可选规则;
所述检测模块具体用于,在根据对应的检测规则,对相应网页对象进行无障碍功能检测的过程中,若相应网页对象满足必选规则,以及至少满足一个可选规则,则确定相应网页对象通过无障碍功能检测。
9.如权利要求6-8之一所述的网页无障碍功能检测系统,其特征在于,所述网页对象类型包括标签层级对象类型、组件级别对象类型、页面级别对象类型之一或组合。
10.如权利要求9所述的网页无障碍功能检测系统,其特征在于,所述类型确定模块具体用于,采用以下之一或组合确定待检测网页中的网页对象的类型:
根据网页对象的标签,确定网页对象所属的标签层级对象类型;
根据网页对象的class属性,确定网页对象所属的组件级别对象类型;
根据网页对象的role属性,确定网页对象所属的网页级别对象类型。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012100185013A CN103218286A (zh) | 2012-01-20 | 2012-01-20 | 一种网页无障碍功能检测方法及其系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2012100185013A CN103218286A (zh) | 2012-01-20 | 2012-01-20 | 一种网页无障碍功能检测方法及其系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103218286A true CN103218286A (zh) | 2013-07-24 |
Family
ID=48816105
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2012100185013A Pending CN103218286A (zh) | 2012-01-20 | 2012-01-20 | 一种网页无障碍功能检测方法及其系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103218286A (zh) |
Cited By (15)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104581390A (zh) * | 2015-01-19 | 2015-04-29 | 成都卓影科技有限公司 | 一种基于Android系统的EPG客户端检测方法 |
CN104965783A (zh) * | 2015-06-16 | 2015-10-07 | 百度在线网络技术(北京)有限公司 | 一种网页内容展现监测的方法和装置 |
CN103838823B (zh) * | 2014-01-22 | 2017-02-22 | 浙江大学 | 一种基于网页模板的网站内容无障碍检测方法 |
CN106777015A (zh) * | 2016-12-08 | 2017-05-31 | 浙江大学 | 一种基于无障碍检测系统的数据分析方法 |
CN106777014A (zh) * | 2016-12-08 | 2017-05-31 | 浙江大学 | 一种基于分类的自适应网站无障碍检测任务分配方法 |
CN107273495A (zh) * | 2016-11-25 | 2017-10-20 | 深圳市联谛信息无障碍有限责任公司 | 一种浏览器无障碍插件 |
CN107330015A (zh) * | 2016-11-25 | 2017-11-07 | 深圳市联谛信息无障碍有限责任公司 | 一种通过中介者实现网页信息无障碍的方法 |
CN107491546A (zh) * | 2017-08-25 | 2017-12-19 | 福建中金在线信息科技有限公司 | 一种页面美化方法、装置、电子设备及存储介质 |
US9996613B2 (en) | 2015-03-05 | 2018-06-12 | Tata Consultancy Services Limited | System and method for accessibility assessment of a web application |
CN108960274A (zh) * | 2018-05-07 | 2018-12-07 | 浙江大学 | 一种针对网页信息无障碍检评估的主动学习方法 |
CN110297751A (zh) * | 2018-03-22 | 2019-10-01 | 博彦科技(上海)有限公司 | 页面元素的检测方法、装置、存储介质及处理器 |
CN110334292A (zh) * | 2019-07-02 | 2019-10-15 | 百度在线网络技术(北京)有限公司 | 页面处理方法、装置及设备 |
US10534512B2 (en) | 2015-03-04 | 2020-01-14 | Tata Consultancy Services Limited | System and method for identifying web elements present on a web-page |
CN112988607A (zh) * | 2021-05-11 | 2021-06-18 | 腾讯科技(深圳)有限公司 | 一种应用程序的组件检测方法、装置和存储介质 |
CN113806661A (zh) * | 2021-09-18 | 2021-12-17 | 中国电子技术标准化研究院 | 网站信息无障碍检测工具 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101986297A (zh) * | 2010-10-28 | 2011-03-16 | 浙江大学 | 基于链接聚类的无障碍网页浏览方法 |
CN101989303A (zh) * | 2010-11-02 | 2011-03-23 | 浙江大学 | 网站无障碍检测的自动化方法 |
-
2012
- 2012-01-20 CN CN2012100185013A patent/CN103218286A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101986297A (zh) * | 2010-10-28 | 2011-03-16 | 浙江大学 | 基于链接聚类的无障碍网页浏览方法 |
CN101989303A (zh) * | 2010-11-02 | 2011-03-23 | 浙江大学 | 网站无障碍检测的自动化方法 |
Non-Patent Citations (2)
Title |
---|
丁文杰: "《基于SMIL技术的网站视觉无障碍优化研究》", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
张培宾: "《针对视障人士的Web无障碍网站建设与测评研究》", 《图书馆学研究》 * |
Cited By (18)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103838823B (zh) * | 2014-01-22 | 2017-02-22 | 浙江大学 | 一种基于网页模板的网站内容无障碍检测方法 |
CN104581390A (zh) * | 2015-01-19 | 2015-04-29 | 成都卓影科技有限公司 | 一种基于Android系统的EPG客户端检测方法 |
US10534512B2 (en) | 2015-03-04 | 2020-01-14 | Tata Consultancy Services Limited | System and method for identifying web elements present on a web-page |
US9996613B2 (en) | 2015-03-05 | 2018-06-12 | Tata Consultancy Services Limited | System and method for accessibility assessment of a web application |
CN104965783A (zh) * | 2015-06-16 | 2015-10-07 | 百度在线网络技术(北京)有限公司 | 一种网页内容展现监测的方法和装置 |
CN107273495A (zh) * | 2016-11-25 | 2017-10-20 | 深圳市联谛信息无障碍有限责任公司 | 一种浏览器无障碍插件 |
CN107330015A (zh) * | 2016-11-25 | 2017-11-07 | 深圳市联谛信息无障碍有限责任公司 | 一种通过中介者实现网页信息无障碍的方法 |
CN106777014A (zh) * | 2016-12-08 | 2017-05-31 | 浙江大学 | 一种基于分类的自适应网站无障碍检测任务分配方法 |
CN106777015A (zh) * | 2016-12-08 | 2017-05-31 | 浙江大学 | 一种基于无障碍检测系统的数据分析方法 |
CN106777015B (zh) * | 2016-12-08 | 2020-04-28 | 浙江大学 | 一种基于无障碍检测系统的数据分析方法 |
CN106777014B (zh) * | 2016-12-08 | 2020-03-27 | 浙江大学 | 一种基于分类的自适应网站无障碍检测任务分配方法 |
CN107491546A (zh) * | 2017-08-25 | 2017-12-19 | 福建中金在线信息科技有限公司 | 一种页面美化方法、装置、电子设备及存储介质 |
CN110297751A (zh) * | 2018-03-22 | 2019-10-01 | 博彦科技(上海)有限公司 | 页面元素的检测方法、装置、存储介质及处理器 |
CN108960274A (zh) * | 2018-05-07 | 2018-12-07 | 浙江大学 | 一种针对网页信息无障碍检评估的主动学习方法 |
CN110334292A (zh) * | 2019-07-02 | 2019-10-15 | 百度在线网络技术(北京)有限公司 | 页面处理方法、装置及设备 |
CN112988607A (zh) * | 2021-05-11 | 2021-06-18 | 腾讯科技(深圳)有限公司 | 一种应用程序的组件检测方法、装置和存储介质 |
CN113806661A (zh) * | 2021-09-18 | 2021-12-17 | 中国电子技术标准化研究院 | 网站信息无障碍检测工具 |
CN113806661B (zh) * | 2021-09-18 | 2023-08-25 | 中国电子技术标准化研究院 | 网站信息无障碍检测工具 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103218286A (zh) | 一种网页无障碍功能检测方法及其系统 | |
US9529780B2 (en) | Displaying content on a mobile device | |
CN101427229B (zh) | 用于修改向计算机系统的终端用户显示的信息表示的技术 | |
US8321786B2 (en) | Routine and interface for correcting electronic text | |
US8639680B1 (en) | Hidden text detection for search result scoring | |
CN101308489B (zh) | 电子表单中的声明式尺寸可变列表 | |
US20080120257A1 (en) | Automatic online form filling using semantic inference | |
US20080262833A1 (en) | Document Processing Device and Document Processing Method | |
CN106371844A (zh) | 一种用原生用户界面组件展示网页的方法及系统 | |
US20100036860A1 (en) | Data managment apparatus, data editing apparatus, and data reading apparatus and respective methods thereof | |
US20080005659A1 (en) | Data Processing Device, Document Processing Device, and Document Processing Method | |
US20070277095A1 (en) | Data Processing Device And Data Processing Method | |
US20070240032A1 (en) | Method and system for vertical acquisition of data from HTML tables | |
US20080040588A1 (en) | Data Processing Device and Data Processing Method | |
WO2006107529A2 (en) | Method and system for aggregating rules for a property associated with a document element | |
EP1816586A1 (en) | Data processing system, data processing method, and management server | |
US20080133563A1 (en) | Data Processing Device And Data Processing Method | |
US20090021767A1 (en) | Document processing device | |
CN101782914A (zh) | 一种对网页信息进行提示的方法及系统 | |
US20080010588A1 (en) | Document Processing Device and Document Processing Method | |
US20080046809A1 (en) | Data Processing Device and Data Processing Method | |
WO2006051958A1 (ja) | 情報配信システム | |
US20090077462A1 (en) | Document processing device and document processing method | |
CN103019556A (zh) | 快捷帮助信息显示系统和快捷帮助信息显示方法 | |
US20080250311A1 (en) | Document Processing Device, and Document Processing Method |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
REG | Reference to a national code |
Ref country code: HK Ref legal event code: DE Ref document number: 1183538 Country of ref document: HK |
|
C12 | Rejection of a patent application after its publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20130724 |