《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.哈尔滨2025年第9届亚洲冬季运动会会徽设计方案征集文件4.1.2 可以参考的设计关键词 绿水青山就是金山银山、冰天雪地也是金山银山 中国粮食、中国饭碗 精彩、圆满、绿色、廉洁 冰雪文化之都、冰情雪韵、奥运冠军之城 天鹅、东北虎、大米、大豆、玉米 4.2 设计要求 4.2.1 基本要求 会徽的图案设计要求体现冬季体育运动的特点,图案简洁、美观、大方,易于识别和记忆,色彩明快...http://harbin.joyhua.cn/hebrb/20230919/html/content_20230919005002.htm
1.如何了解橙仕空间的相关情况?这种空间设计有哪些特点?在当今快节奏的城市生活中,寻找一个既实用又美观的居住或办公空间变得越来越重要。橙仕空间作为一种新兴的空间设计理念,正逐渐受到市场的关注。本文将深入探讨如何获取橙仕空间的相关信息,并详细解析其独特的设计特点。 首先,了解橙仕空间的最佳途径是通过官方网站和社交媒体平台。橙仕空间的官方网站通常会提供详细的项目介...https://house.hexun.com/2024-11-07/215396047.html
2.2023深圳设计周主视觉推出深圳政府在线15年来,深圳设计蓬勃发展,产业规模不断扩大,设计生态日益完善,国际国内影响力显著提升,成为重要的设计新锐城市、先锋城市,“设计之都”成为深圳一张靓丽的城市名片。 关键词:两个“第一次” 2023深圳设计周有两个“第一次”。据了解,本届设计周,由深圳市人民政府和国际设计理事会主办,中央广播电视总台广东总站暨...https://www.sz.gov.cn/cn/xxgk/zfxxgj/zwdt/content/post_10559911.html
3.社会治理顶层设计的三个关键词中工理论社会治理顶层设计的三个关键词 核心阅读 ■共建共治共享是中国共产党治理理念不断提升和治理实践不断拓展的结果,体现了对公共治理理念的吸纳认同、上层建筑对经济基础的积极调整、国家治理对社会主要矛盾变化的正确回应。 ■共建共治共享既是新时代社会治理格局的建设方向,也为社会组织参与社会治理的功能定位提供了依据...https://www.workercn.cn/253/201903/06/190306085213773.shtml
4....域国土空间规划如何实施?这场会议给出“关键词”这场会议给出“关键词” 交汇点讯 由上海青浦、江苏吴江、浙江嘉善组成的2413平方公里的长三角一体化示范区,承载着为一体化发展探路先行、创新示范的使命,被称为长三角一体化的“试验田”。 今年2月,《长三角生态绿色一体化发展示范区国土空间总体规划(2021—2035年)》(以下简称《规划》)获得国务院批复,这是国内首个...https://news.xhby.net/js/jj/202303/t20230317_7869288.shtml
5.李强与城市规划设计大咖座谈提到这些关键词市委书记李强今天下午在主持召开城市规划、设计专家座谈会时指出,城市规划、设计对城市发展具有举足轻重的作用,要深刻领会以习近平同志为核心的党中央赋予上海的新使命,认真践行“人民城市人民建,人民城市为人民”重要理念,在新起点上与时俱进做好城市规划、设计工作,聚焦上海“十四五”规划和2035年远景目标,着力促进重大...https://www.kankanews.com/detail/qMyE3j9k5w8
6.专访《非诚勿扰3》美术指导郜昂:如何实现冯小刚的科幻感有戏两者的设计思路和发力点完全不一样,《非诚勿扰3》的美术和造型的关键词可以概括为轻巧、简单、易读。https://www.thepaper.cn/newsDetail_forward_25883971
7.七个关键词看懂成德眉资同城化“棋局”四川新闻四川省推进成德眉资同城化发展领导小组第三次会议昨日(14日)举行。 成都商报-红星新闻记者在现场注意到一张成德眉资同城化“成绩单”,从七个方面勾画出成德眉资同城化“棋局”。 关键词1 顶层设计 建起“1+1+N”都市圈规划体系 成德眉资同城化,最关键的是工作机制顶层设计不断完善。 http://scnews.newssc.org/m/system/20210415/001166855.html
8.方塔园何陋轩:中国现代建筑设计的一个“坐标点”1999年,何陋轩获得上海市建国五十周年经典建筑铜奖,更被誉为中国现代建筑设计的一个“坐标点”。 即将到来的龙年春节,如果去方塔园参加新春游园会,不妨到何陋轩停一停,看一看。 方塔园里“春”意盎然。(图片由作者提供) 小建筑·大文章:何陋轩的六个关键词 ...https://www.whb.cn/commonDetail/918522
9.奋斗新征程整装再出发——8大关键词解读海淀发展新蓝图展望2019年奋斗关键词 新的一年,海淀区将把供给侧结构性改革作为主线,加强“四个中心”功能建设,提高“四个服务”水平,抓好“三件大事”,打好“三大攻坚战”,深化落实“两新两高”战略,统筹做好改革发展稳定和改善民生各项工作,以改革开放整装再出发的奋斗姿态开启新时代再创业新征程。 https://beijing.qianlong.com/2019/0114/3058168.shtml
10.6大关键词,解析互联网新居家装的年轻化特点年轻人越来越重视环保健康,在家装方面也不例外。他们更倾向于选择环保材料,注重家居环境的健康和安全。因此,设计师需要选择环保、无害、健康的装修材料,并在装修过程中注意施工细节,确保家居环境的健康和安全。 四、智能化科技 随着科技的发展,智能化家居设备逐渐普及。年轻人对科技感有着极高的追求,他们希望在家居环...https://www.gzstv.com/a/5b7f4b058f084ab3b6267ba80873f644
11.请收藏!2019中国基础教育年度报告,关键词:高质量!总之,方向、战略、治理构成了2019年中国教育宏观层面的关键词。基础教育要牢牢把握正确的育人方向,落实好立德树人根本任务;对标《中国教育现代化2035》及《实施方案》开展区域和学校教育现代化规划设计并推进实施;在教育治理体系和治理能力现代化上下功夫,积极破解制约基础教育高质量发展的一系列体制机制改革难题。2020年基础...https://www.qingdaonews.com/app/pc/content/2020-02/28/content_21330701.htm