一种无障碍网页生成方法、装置、介质和设备制造方法及图纸

本申请涉及互联网技术领域，尤其涉及一种无障碍网页生成方法、装置、介质和设备。其中，方法包括：基于浏览器的网页访问请求，网页应用获取网页访问请求对应的目标网页代码；针对具有无障碍标签名的任一标签元素，网页应用根据标签元素的标签属性信息生成标签元素对应的具有无障碍信息的虚拟DOM；网页应用将具有无障碍信息的各虚拟DOM发送至浏览器；浏览器基于具有无障碍信息的各虚拟DOM进行渲染从而生成无障碍网页。通过上述方式，在生成无障碍网页时，网页应用先生成一个虚拟的DOM，并将虚拟DOM一次性地发送给浏览器进行渲染，不需要网页应用和浏览器之间进行多次通信，减少设备性能的损耗，避免网页产生卡顿。避免网页产生卡顿。避免网页产生卡顿。

【技术实现步骤摘要】
一种无障碍网页生成方法、装置、介质和设备


[0001]本申请涉及互联网
，尤其涉及一种无障碍网页生成方法、装置、 介质和设备。

技术介绍

[0002]随着互联网技术的发展，如今互联网已经成为了人们日常信息获取和交流 的必要来源。用户通过浏览器访问互联网中的网页，获取网页中的信息，包括 一些文字信息、图片信息、视频信息或者音频信息等。这就要求网页的开发人 员在进行网页开发时就将这些内容对应的数据和编码设计好，存放在网页所在 的服务器中，用户需要访问时，通过浏览器进行调用。
[0003]在访问网页的用户中，除了普通的用户之外，还有一些视觉障碍人士，他 们无法直接看到网页中的内容。然而现有的大部分网页在开发之初并没有考虑 到视觉障碍人士的特殊情况，视觉障碍人士无法正常访问网页内容。在目前让 网页支持视觉无障碍访问的主流技术方案中，对于网页中涉及到交互操作和信 息展示的页面元素，通常是基于无障碍标准语法进行特殊编码，屏幕阅读器可 以对这些编码进行识别和反馈。但是这种方式是在页面渲染完成后，再针对所 有需要无障碍信息的元素进行动态更新无障碍本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种无障碍网页生成方法，其特征在于，基于浏览器的网页访问请求，网页应用获取所述网页访问请求对应的目标网页代码；所述目标网页代码中的各标签元素设置有无障碍标签名及标签属性信息；针对具有无障碍标签名的任一标签元素，所述网页应用根据所述标签元素的标签属性信息生成所述标签元素对应的具有无障碍信息的虚拟DOM；所述网页应用将具有无障碍信息的各虚拟DOM发送至所述浏览器；所述浏览器用于基于具有无障碍信息的各虚拟DOM进行渲染从而生成无障碍网页。2.如权利要求1所述的方法，其特征在于，所述标签属性信息中包括标签元素的标签名和标签元素的其他属性值；所述网页应用根据所述标签元素的属性信息生成所述标签元素对应的具有无障碍信息的虚拟DOM，包括：所述网页应用根据所述标签元素的标签名生成createElement函数的第一参数，并根据所述标签属性信息生成上下文对象作为createElement函数的第二参数；所述上下文对象中包括绑定事件、参数属性、文本信息及语义角色；所述网页应用根据所述createElement函数，生成所述标签元素对应的具有无障碍信息的虚拟DOM。3.如权利要求2所述的方法，其特征在于，根据所述标签属性信息生成上下文对象作为createElement函数的第二参数，包括：若所述标签属性信息中包括点击信息，则在所述上下文对象的绑定事件中添加点击对象，在所述上下文对象的参数属性中设置无障碍信息对应的焦点属性值。4.如权利要求2所述的方法，其特征在于，根据所述标签属性信息生成上下文对象作为createElement函数的第二参数，包括：若所述标签属性信息中包括禁用属性，则在所述上下文对象的参数属性中添加不可用对象，在所述上下文对象的参数属性中设置无障碍信息对应的不可用属性值。5.如权利要求2所述的方法，其特征在于，根据所述标签属性信息生成上下文对象作为createElement函数的第二参数，包括：若所述标签属性信息中包括文本信息，则在所述上下文对象的参数属性中设置无障碍信息对应的文本属性值，并在所述上下文对象的子节点中设置所述文本信息。6.如权利要求2所述的方法，其特征在于，根据所述标签属性信息...

【专利技术属性】
技术研发人员：梁沛聪，
申请(专利权)人：深圳前海微众银行股份有限公司，
类型：发明
国别省市：