《Web信息无障碍通用设计规范》意见征集时政要闻

以下为《Web信息无障碍通用设计规范》全文。

前言

本标准按照GB/T1.1-2009的规则起草。

本标准由中国互联网协会标准工作委员会(T/ISC)提出并归口。

本标准起草单位:

本标准主要起草人:

引言

当今时代,互联网技术和应用日新月异,信息服务更加深入、更加全面,人机交互方式更加多元、更加智能,用户对获取信息的方式也不断提出新的需求。移动互联网的快速发展和移动终端的广泛普及,大大降低了用户使用网络门槛,在为更多人提供服务的同时,也为各种障碍人群使用网络提供了便利。web信息无障碍通用设计规范是提升网站服务效能,要求设计人员和服务方遵循通用设计规范,运用新技术改善web服务环境,在满足健全人便捷信息获取信息的同时,也为身体机能缺失或文化认知有障碍的特殊人群提供等价的信息服务。

本规范通用性要求适合于PC网站、移动网站、计算机客户端和移动APP。特别性要求是让各种障碍人士更便捷获取Web信息服务的更高要求。

web信息无障碍通用设计规范

1范围

本规范规定了计算机网站和移动网站信息无障碍交流通用设计技术要求。标准在涵盖了一系列能使更多残障人士更容易访问Web内容的各种规定,使失明,失聪,有听力和视力障碍的人士,有学习,认知,运动,言语障碍,以及光敏感反应等人群,获取web信息和服务付出的成本和健全人相一致,同样,这些规范也适用于身体临时障碍,环境发生变化的健全人信息访问需求。本规范适合于解决Web内容在台式计算机、笔记本电脑和平板电脑,同样适合于智能手机等移动设备上的可访问性问题。

本规范对web信息无障碍交流对用户更全面的感知信息、更方便的操作方式,更清晰的理解访问对象提出了一些要求,对web信息服务智能化提出无障碍需求,对第三方辅助工具的兼容也提出了一些建议。本规范并针对无法用视觉感知信息的盲人,无法用肢体操作电子终端设备的特殊人群,以及因视力障碍或文化认知障碍人群的访问需求提出具体要求。

本规范适用于web信息无障碍交流和web信息智能服务的设计者,也适用于网络产品和网络服务提供者,公共服务信息资源管理者和提供者,为政策制定者提供依据,为服务评估者提供支撑。本规范未将操作系统和浏览器可以实现的网页放大、背景色调整等无障碍辅助功能作为强制要求。

2术语和定义

下列术语和定义适用于本标准。

3总则

web信息无障碍通用设计规范是保障所有用户在不同身体状况、网络传输渠道和周边环境状态发生变化的情况下,都能便捷获取web服务的信息无障碍交流要求。为了达到这些要求,网站的设计者和开发者必须遵守以下五项基本原则。

3.1感知性。在保障获取信息有障碍的用户以辅助手段感知信息的同时,网站信息内容的推送方式需要提供文本信息的在线语音阅读和手语转译,文本信息影像化等多种推送方式,以满足不同障碍人群对信息感知形式的需求。这个要求同样对健全人获取信息更友好;

3.2理解性。在充分保障盲视认知当前访问对象基础上,需提供当前网页信息结构和访问对象的关联性文本或其他表达方式,以保障盲视用户感知信息与健全人感知信息等价,为用户操作的目的性和准确性提供支撑;

3.3操作性。在规定了网站全程支持键盘操作的基础上,网页需将区域分类的数据关系结构程序并提供相应的操作接口,以帮助使用读屏软件的盲视用户快速准确操作,并友好支持使用声控软件的用户便捷操作。移动网页也应将网页信息区域结构程序化,并提供智能手势,支持盲视用户进行网站栏目、文本输入、控件按钮定位和操作。

3.4兼容性。Web内容必须健壮,在计算机主流浏览器、移动主流浏览器下运行正常,在支持通过获取系统消息的辅助工具的同时,也为现有的辅助工具、未来的用户代理和其他的智能软件提供操作接口和计算程式;

3.5便捷性。Web信息服务应覆盖到计算机网络和移动网络等所有传输渠道,应符合各种电子终端屏幕规范和显示要求,应将网页的信息结构进行有分类处理和存储,并开放数据访问和操作控制接口,为辅助工具或其他智能技术获取和调用。

4通用性要求

4.1可感知性

4.1.1感知性要求:网页信息和接口组件应以用户可以感知的形式完整呈现给用户。

4.1.2标识与描述

4.1.2.1整体信息

应有一个描述当前页面整体服务类型、信息状况和信息结构的机制,并能够方便访问。

说明:这个服务对于盲人用户是有一定帮助的。一直以来,盲人用户在感知网页信息的全面性方面与明眼人存在著很大的差别,具体表现在:页面的类型(综合页面、还是单项服务等页面)、网页的内容结构,信息数量等方面,他们都是通过操作TAB键遍历后,才能达到对网页信息的大致了解。

示例:该标准在网上公布时,所有要求将会提供相应的成功示例。

4.1.2.2区域信息

各信息区域应有该区域的信息类型和服务内容的具体描述,并在访问中可以获得。

说明:在视觉感官中,网页中的各种信息区域通常是以边框、距离、色彩和位置等元素进行表达,区域的名称或以文字,或以文字加链接,或以视觉可以理解的样式等方式。这些方式对于读屏软件的用户来说是有障碍的。从目前状况下看,虽然他们能够通过遍历操作能够访问,但是很难辨别出所访问的内容哪些是区域名称,哪些是指向链接,即使能够理解,那花费的成本是很大的,同时,需要通过记忆,以保证下一次访问能够掌握。

4.1.2.3上下文

交互关系复杂且有上下文关系界面组件,应在区域访问的出入口有相应说明,并支持上下级或同级遍历。

4.1.3视觉呈现

4.1.3.1页面布局

应遵循常规页面布局方式。如因服务功能需要改变布局形式,应有必要的提示。

4.1.3.2对比度

至少提供一种黑色背景、白色字体的页面对比度设置服务。采用其他对比度方案,对比度不低于4.5:1。

4.1.3.3文本字体大小

文本不需要辅助技术的情况下,要至少可以放大至200%,且没有内容或功能损失。

4.1.3.4焦点状态

鼠标,或指点,或键盘操作,或以其他方式聚焦到页面各组件时,该组件应有明显的状态提示。

4.1.4听觉感知

4.1.4.1语音阅读

页面各组件和文本信息均应提供在线的语音阅读服务,至少要在正文页面中实现。

4.1.4.2阅读控制

语音阅读服务应有开启和关闭阅读的设置,并可被辅助技术操作和控制,避免与盲用读屏等语音阅读或语音识别类软件冲突。

4.1.5非文本处理

4.1.5.1非文本链接

以非文本形式的链接,应提供说明链接目的或链接用途的替代文本。如:所指向的正文标题,或文件、服务应用的下载等。

4.1.5.2非文本控件

4.1.5.3验证码

——验证码放大:如网页中存在非文本验证码,应提供相应的验证码放大服务,且验证码的放大倍数不低于2倍。

——验证码替代:如网页中存在非文本验证码,至少提供一种视觉感官以外的验证码,如替代文本或语音验证码。

注:以上两种形式需要同时存在。

4.1.5.4验证码时效

有时效限制的验证码,应为用户提供告知时效服务,并提供延长时效设置。时效延长设置时长不低于原有时效1倍以上。

4.1.5.5图片二维码

如网页中有移动APP或移动网站二维码图片,应提供说明其目的的替代文本,并有相应访问或下载地址。同时需提供一种能够使图片放大并显示在屏幕中央位置的机制,图片放大至少为原图片的4倍。

注:二维码放大并显示在屏幕指定位置,对视障用户能够扫描到二维码有帮助。

4.1.5.6播放器

应为所有展现给用户有价值的非文本内容提供等价的替代文本。如:图片幻灯、音视频播放器等,图片幻灯的替代文本链接或文字。

4.1.5.7图表

以图片或控件表格等形式图表,应提供与视觉信息结构关系一致的访问方式和等价文本。如:横纵轴联系、分项菜单关系、数据表达等。

4.1.5.8非文本装饰

如果非文本内容是纯粹的装饰,应提供一种其内容可以被辅助技术忽略的机制。

4.1.6多媒体处理

4.1.6.1音视频

——应提供与音视频语音信息同步的文字字幕

——应提供与音视频语音信息等价的手语解说

——应提供与音视频语音信息等价的替代文本

4.1.6.2图片播放器

——应提供与图片信息一致的文字字幕

——应提供文字字幕在线语音阅读服务

——应提供与图片信息一致的替代文本

4.2可操作性

4.2.1可操作性要求:用户界面组件应构建和开放界面组件操作接口,并可被其他操作方式替代。

4.2.2操作接口

4.2.2.1结构数据

构建界面组件层次关系清晰、信息完整准确的结构数据。

4.2.2.2接口开放

不依赖操作系统消息或浏览器解析结果,并可被键盘操作、语音控制软件等其他智能软件访问操作。

4.2.3多媒体控制

4.2.3.1多媒体播放控制

视频、音频等多媒体信息的播放控制可通过键盘完成,并可被其他操作方式访问操作。

4.2.3.2多媒体互动交流

视频、音频等多媒体内的在线评价交流服务,可以通过键盘操作和其他操作方式完成。

4.2.3.3暂停、关闭或开启

如果网页上有自动播放的多媒体,则应提供一种机制及时进行暂停、关闭或重新开启。

4.2.4.3重新申请操作

4.2.5漂浮窗体控制

4.2.5.1漂浮窗体时机

网页中如有漂浮窗体,尽可能在网页加载时与网页同步出现。

4.2.5.2临时漂浮窗体

如网页需要临时出现漂浮窗体,应有一种告知方式,并提供关闭漂浮窗体的机制。

4.2.5.3漂浮窗体访问

为鼠标和指点方式之外的其他操作方式提供访问漂浮窗体的机制。

4.2.6信息输入处理

4.2.6.1输入提示

当需要输入内容时,应提供输入信息格式要求的文本形式提示,并提供相应的检测机制。

4.2.6.2错误修改

如果输入错误被网页前端或后台检测出来,则应以文本形式或语音向用户描述错误信息,且错误可撤销,并支持继续输入。

4.2.6.3错误预防

对于会导致使用者发生法律承诺或财务交易的网页,应提供符合下列要求的服务通道:

——提交动作是可逆的;

——对用户输入的数据进行检查;

——提供一个模拟提交的测试机制;

——用户提交后,要有提交结果的报告,且提交可在3分钟内予以撤销,或在3分钟内的支持修改和再次提交。

4.2.6.4网站导航

网站要提供信息和服务栏目的导航,并为键盘操作提供一种快速访问机制。这个服务至少保证访问者在网站首页上可以获得。

4.2.6.5区域辨识

网页中的各信息服务区域,无论是纯文字或纯文字加链接任何一种形式,应有该文字的目的和内容告知。

4.2.6.6便捷服务

应为键盘提供一种可以直接访问网页信息内容的操作机制。如:进入正文页或列表页,通过操作快捷键可直接到达列表或正文窗口。

4.3可理解性

4.3.1可理解要求

网页的文本内容和非文本内容应可读、可理解,用户界面布局和功能关系清晰,便于用户理解和使用。

4.3.2信息表达

4.3.2.1专业词语

尽可能不采用专业词语作为栏目或访问目标的表达,如有,应提供一种阐明其具体定义的机制。不包含正文中的专业词语。

4.3.2.2缩略词

如因某些情况必须使用缩略词作为栏目或访问目标的表达,且缩略词只是网站自我表达,则应提供一种机制来展开缩写词原意。不包含常规使用的缩略词。

4.3.2.3交互的统一性

使用键盘对网页进行遍历操作,用户界面组件则以视觉感知一致的顺序出现。

4.3.2.4识别的一致性

避免修改公认的通用名称,如有,则应提供一种机制予以说明。

4.3.2.5网页识别

网页应有对应的描述主题或目的的标题或关键词。

4.3.2.6区域识别

网页各信息区域应为辅助软件提供和视觉一致的区域标题注释,而不是一个链接注解。

4.3.2.7位置告知和纠错

应提供一个告知当前状态、位置和组件关系的机制,指导用户操作,并支持撤销上一步操作动作。

4.4健壮性

4.4.1健壮性要求

网页内容必须健壮稳定,在主流操作系统或浏览器下运行正常,支持现有的辅助工具和其他用户代理。

4.4.2界面组件

4.4.2.1页面样式

页面样式不应因用户使用的浏览器或操作系统不同而发生样式变化,不包括响应式网页服务。

4.4.2.2数据加载

网页数据加载,不应因用户使用的浏览器或其他第三方代理工具不同而影响数据的加载。

4.4.3认证确认

4.4.3.1认证确认

页面中某些需要用户提交认证的服务,不应因无障碍服务机制原因,或因用户使用的操作系统或浏览器不同而影响认证确认。

注:在计算机网站的无障碍服务中,避免使用类似镜像代理实现的无障碍服务,以防止跨域限制出现认证无法完成。

4.4.4一致性服务

4.4.4.1不应限制

无障碍要求不应影响网页界面样式的正常设计,同样,网页界面样式设计也不应影响辅助工具或其他代理工具的访问。

4.4.4.2流程一致

无障碍交流要求不应影响网页的界面交互方式,同样,网页界面交互流程不应当对特殊需求操作进行限制或不能便捷访问。

4.4.5沟通交流

4.4.5.1在线沟通

如有语音形式的在线沟通服务,也应提供等价的文本形式的服务。

4.4.5.2交流反馈

5特别性要求

5.1PC网站

5.1.1盲人用户

5.1.1.1键盘操作

5.1.1.2键盘可达

界面组件中的内嵌网页、文本输入框和需要动态加载的页面,应支持制表键(TAB)或其他快捷定位键的访问。在上下文关联控件中,不应出现由于自循环造成的键盘陷阱。

5.1.1.3键盘序列

制表键的访问序列应保持和界面样式感知形式相一致,也不应网页组件内容调整而改变访问序列。

5.1.1.4键盘陷阱

界面组件中的内嵌网页和需要动态加载的页面,应将所有焦点纳入网页制表键序列(TAB),也不应自身机制原因而造成制表键访问的死循环。

5.1.1.5键盘跳出

如网页中有必须进行计算关联组件和服务,无法将其中的制表键纳入网页制表键序列,则应提供一种通过快捷键可以向上或可以向下访问的跳出机制。

5.1.1.6TAB页

网页中有支持鼠标等指点设备操作的TAB窗体或栏目,应支持制表键的访问到达,并保证访问结果和内容与鼠标的操作TAB页相一致。

5.1.1.7操作引导

5.1.1.8智能盲道

应将当前网页区域按照服务类型和特性进行分类,提供与区域相对应的访问快捷键,并支持相同区域遍历查询。

5.1.1.9在线读屏

应提供一种与盲用读屏软件操作方式一致、全程支持键盘操作的在线读屏服务,并提供开启和关闭切换设置,以避免与读屏软件冲突。

5.1.1.10口述影像

为只有通过视觉才能感知信息内容的视频媒体,提供与影像信息表达一致的同步语音描述服务。

5.1.2综合障碍

5.1.2.1简易大字版本

如网页界面服务功能多、信息繁杂,则需提供一个分类清晰,信息与原页面一致的简易大字版本。

5.1.2.2信息影音化

需提供一种将网站信息和服务以全程影音化的服务版本,并支持全程键盘操作。

5.2移动网站

5.2.1盲人服务

5.2.1.1遍历查询

网页各组件和元素支持手势滑动遍历查询。

5.2.1.2智能手势

网页应为各服务功能和各信息区域提供快捷定位的访问手势。

5.2.1.3操作引导

5.2.1.4在线读屏

应提供一个与智能手势同步播放的语音阅读服务,并有一个关闭和开启的机制。

5.2.2综合服务

5.2.2.1纯文本

提供一个没有图片的纯文字版本,支持手势放大页面,同时提供文本信息在线语音阅读和至少一种黑底白字的高对比设置服务。

5.2.2.2信息影音化

提供一个将文本信息转换为影音化服务的版本,并有进退、播放和音量等多媒体常规设置。

5.3PC无障碍客户端

5.3.1盲人用户

支持用户在计算机桌面以快捷键方式拉起该服务,并支持用户全程以键盘操作方式访问Web信息,同时支持用户以语音命令替代其他操作方式。

5.3.2语音控制

支持用户在计算机桌面以语音命令方式拉起该服务,并支持用户全程以以语音命令操作方式访问Web信息。

5.3.3综合服务

5.3.3.1兼容性

PC网站原有无障碍服务,友好支持各种辅助技术、语音识别等其他智能软件和其他第三方代理。

5.3.3.2自定义网站

为用户重新组合和确定信息目录提供服务,支持用户通过确定自己所需访问和喜欢的栏目,完成自定义的个性化网站。

5.4移动客户端

5.4.1盲人用户

5.4.1.1读屏效能

——少保证移动Web信息可被读屏软件访问

——最好实现简单的移动读屏功能,有全面性的读屏服务更好

——兼容常规手势,并提供常规手势和盲用智能手势切换设置

5.4.2语音控制

支持用户以语音命令方式拉起该服务,并支持用户全程以以语音命令操作方式访问Web信息。

5.4.3综合服务

5.4.3.1兼容性

兼容移动网站的所有无障碍服务,友好支持第三方代理辅助软件、语音控制软件等其他智能软件。

5.4.3.2影音化服务

提供一个将文本信息转换为影像化语音阅读服务版本,并支持前进、后退、暂停、播放等多媒体应有的设置。

5.5全面性要求

5.5.1信息服务

5.5.1.1订阅

——支持订阅网站整体信息;

——支持订阅网站栏目信息;

——支持提交关键词订阅网站或各单个栏目信息。

5.5.1.2推送

——及时推送订阅信息;

——智能推送用户喜欢的信息;

——及时告知重要信息和服务。

5.5.2搜索服务

5.5.2.1目录检索

提供网站目录分类信息服务,支持用户以目录检索方式查找信息。

5.5.2.2关键词检索

支持用户通过输入关键词查找信息。

5.5.2.3高级检索

——应支持用户输入自然语言方式查找信息

——应支持用户定向搜索网站单个栏目信息

参考文献

[1]WCAG2.0(2012),网站内容无障碍指南

[2]网站设计无障碍技术要求(YD/T1761—2012)

如个人、单位有意见或建议,请提交到wuzhangai#isc.org.cn(发邮件时,#改为@)

THE END
1.IPO财经公关丨上市活动的9个常见疑惑,来看看同路策划怎么说Q一场上市活动的的预算里包含了哪些费用? A:包含以下费用: 1、上市活动策划执行费(方案设计、场地布置、活动配置、演绎安排、技术统筹等) 2、会务接待费(餐饮、住宿、活动场地、车辆租赁、差旅费) 3、礼品采购费(赠交易所礼品、赠中介机构礼品、赠嘉宾伴手礼等) ...https://tech.china.com/article/20220728/072022_1113069.html
2.“拔尖计划”成高校热议关键词基础学科人才如何“拔”?加强基础学科拔尖学生培养,是“十四五”规划的明确要求。当前,“拔尖计划”也是各大高校深思热议的关键词。在种种基础学科拔尖人才培养计划如雨后春笋纷纷问世之际,我们需要打量一下,“拔尖”究竟应该怎么“拔”? 让人才在本土获得一流培养 “我国的化学学科目前已不落国际同行之后,以ESI排名为参考的话,化学学科全球排...https://m.gmw.cn/2021-04/07/content_1302215470.htm
1.如何优化家居装修的效果?这种效果怎样体现个性化的需求?在布局设计中,充分考虑家庭成员的个性化需求是关键。例如,有孩子的家庭可以设计一个多功能儿童房,集学习、娱乐和休息于一体;而喜欢阅读的人则可以在家中设置一个舒适的阅读角。通过这种方式,家居空间不仅实用,还能充分体现居住者的个性和生活方式。 4. 灯光设计与氛围营造 ...https://house.hexun.com/2024-11-06/215387038.html
2.浪尖2023邱鹏:氢能发展规划和政策如何落地是关键澎湃新闻:您认为2022年中国氢能产业园区中最热的关键词有哪些? 邱鹏:最热的关键词,首先是“低碳/零碳园区”。2022年,全国很多省市都提出要打造氢能产业生态园,并出台了相应的氢能发展规划。在碳达峰、碳中和的具体实施过程中,氢能是个重要实施点,所以在未来的发展方向上来说,打造低碳园区、零碳园区是和氢能息息相关...https://m.thepaper.cn/renmin_prom.jsp?contid=21629503
3.《天津市全民健身实施计划(20212025年)》政策解读政策解读六、关键词解释 答:(1)经常参加体育锻炼人数:每周参加体育锻炼频度3次及以上,每次体育锻炼持续时间30分钟及以上,每次体育锻炼的运动强度达到中等及以上的人的数量。 (2)社区15分钟健身圈:在城市社区,居民从居住地步行或骑行不超过15分钟范围内,有可供开展健步走、广场舞、球类运动等群众性体育活动的场地设施。 https://www.tj.gov.cn/zwgk/zcjd/202201/t20220105_5771176.html
4.福田“新经济”观察绿色经济“优等生”有何远见?南方+发力高质量发展,引领经济社会绿色低碳转型,福田究竟注入了哪些“绿动力”? 六大关键词为你解答。 关键词1:顶层设计 为抢抓“双区”建设、综合改革试点重大历史机遇,推动以先行示范标准完成“碳达峰、碳中和”任务,福田区以《培育发展新能源产业集群行动计划(2021-2025年)》为抓手,明确新能源产业总体发展思路。 https://static.nfapp.southcn.com/content/202307/04/c7856653.html
5.如果你还看不懂平台型生态一定是因为搞混了这几个关键词界面新闻构建平台型生态系统的四个关键分别是:基本原则、核心理念、路径设计、行动方向。 1.基本原则 第一,你在构建一个新的平台型生态系统时,首先一定要为这个生态群创造价值。价值创造是怎么来的?站在刚才的视角下看企业的时候会发现很简单,一群持续交易的利益相关方(都是从事增值活动的),你会发现有个总收入,这个总收...https://www.jiemian.com/article/1068419.html
6.2018中国如何科技创新?听15位大咖说关键词2018年,上海科创中心建设如何推进?“对接”应该是关键词之一。上海科技创新一要和国家重大战略需求和全局部署对接起来;二要和人民群众的美好生活需要对接起来;三要和上海经济社会发展方方面面的现实需要对接起来;四要和长三角区域创新协同对接起来。 林宝军:负责任、有担当的大国 ...https://www.jfdaily.com/news/detail?id=76003
7....域国土空间规划如何实施?这场会议给出“关键词”这场会议给出“关键词” 交汇点讯 由上海青浦、江苏吴江、浙江嘉善组成的2413平方公里的长三角一体化示范区,承载着为一体化发展探路先行、创新示范的使命,被称为长三角一体化的“试验田”。 今年2月,《长三角生态绿色一体化发展示范区国土空间总体规划(2021—2035年)》(以下简称《规划》)获得国务院批复,这是国内首个...https://news.xhby.net/js/jj/202303/t20230317_7869288.shtml
8.五年一次金融工作会议作了哪些顶层规划?财经频道习近平指出,要扩大金融对外开放。要深化人民币汇率形成机制改革,稳步推进人民币国际化,稳步实现资本项目可兑换。要积极稳妥推动金融业对外开放,合理安排开放顺序,加快建立完善有利于保护金融消费者权益、有利于增强金融有序竞争、有利于防范金融风险的机制。要推进“一带一路”建设金融创新,搞好相关制度设计。 https://www.hnr.cn/finance/cjyw/201707/t20170717_2987991.html
9.李强与城市规划设计大咖座谈提到这些关键词市委书记李强今天下午在主持召开城市规划、设计专家座谈会时指出,城市规划、设计对城市发展具有举足轻重的作用,要深刻领会以习近平同志为核心的党中央赋予上海的新使命,认真践行“人民城市人民建,人民城市为人民”重要理念,在新起点上与时俱进做好城市规划、设计工作,聚焦上海“十四五”规划和2035年远景目标,着力促进重大...https://www.kankanews.com/detail/qMyE3j9k5w8
10.请收藏!2019中国基础教育年度报告,关键词:高质量!总之,方向、战略、治理构成了2019年中国教育宏观层面的关键词。基础教育要牢牢把握正确的育人方向,落实好立德树人根本任务;对标《中国教育现代化2035》及《实施方案》开展区域和学校教育现代化规划设计并推进实施;在教育治理体系和治理能力现代化上下功夫,积极破解制约基础教育高质量发展的一系列体制机制改革难题。2020年基础...https://www.qingdaonews.com/app/pc/content/2020-02/28/content_21330701.htm