为切实解决老年人在运用包括互联网应用在内的智能技术方面遇到的困难,持续推动充分兼顾老年人需要的智慧社会、信息社会建设,遵照党中央、国务院有关文件精神,根据工业和信息化部《互联网应用适老化及无障碍改造专项行动方案》部署要求,2020年12月至2021年3月,中国互联网协会承担并完成了《互联网网站适老化通用设计规范》的编制工作。

互联网网站适老化通用设计规范以《Web信息无障碍通用设计规范》中的适老化成功技术指标为蓝本,根据目前网站在适老化服务方面存在的不会用、不敢用、不便用、不能用四个主要障碍,规划完成了《互联网网站适老化通用设计规范》的技术指标体系。《互联网网站适老化通用设计规范》在网站信息无障碍“可感知性、可操作性、可理解性和兼容性”四项基本原则的基础上,增加了特别性的原则要求,以确保老年人获得互联网网站适老化服务的可及性、便捷性和可靠性。

第一部分:关于原则要求的解读

原则要求1:以人为本的人机交互。

应做到界面元素的简约化、服务形式的差异化、信息内容的扁平化、功能标识的统一化和操作流程的一致性,并符合《信息技术互联网内容无障碍可访问性技术要求与测试方法》等国家标准。

解读:以人为本的人机交互的原则要求。主要是解决页面过于复杂,信息叠加,功能标识不统一,当前网站操作流程差异大,用户不好理解和掌握的问题。

原则要求2:提供多种的操作方式。

计算机网站至少提供全程键盘和特大鼠标这两种操作方式,移动网站应增加快速定位、语音阅读等规范性的适老化智能手势。在兼容性方面,网页应为各类辅助技术和语音识别等人工智能技术的访问操作,规范相应的服务功能与对应的标识信息

解读:提供多种的操作方式的原则要求。一是在计算机网站方面,解决因视力低下,无法看清鼠标指针进行操作,或不会操作鼠标的用户提供全程键盘操作的替代支持。二是在移动网站方面,要提供语音阅读、样式设置等特殊的适老化服务手势。三是兼容辅助软件技术方面,需要为各种辅助软件获取计算机键盘和鼠标事件,移动应用指点和滑动等焦点事件提供底层支撑。

原则要求3:实现多样的推送形式。

在网页提供特大字体、背景色高对比、文字放大和语音阅读服务等辅助阅读的同时,应提供简约界面版本和信息影像化的人工智能推送形式,以支持老年人感知网页内容、获取服务。

解读:实现多样的推送形式原则要求,是解决老年人因视力低下看不清、看不见,或文化低下无法正常阅读网页信息的多样式信息推送要求。一是以大字型、高对比、简约界面版本,来解决视觉模糊障碍。二是以语音阅读方式来消除老年人因严重视力低下、文化认知低下形成的障碍。三是网页信息以影像化方式推送,是帮助老年人便捷获取和理解网页信息的智能化要求,也是网页适老化的高级服务。

原则要求4:形成有效的服务闭环。

提供适老化服务的计算机和移动网站,应在用户的操作系统桌面上,提供直接进入适老化服务快捷方式或客户端,以形成有效的适老化及无障碍服务的闭环。

解读:形成有效的服务闭环原则要求,通过在计算机或智能手机桌面提供网站适老化服务客户端或快捷方式,支持用户点击客户端或快捷方式图标直接进入网站的适老化服务,解决老年人因文化低下、不会通过搜索引擎来查找网站的障碍。

第二部分:技术要点解读

一、重点解决老年用户以下访问障碍:

因看不清、看不见——导致无法进行常规操作

因文化低、无文化——导致无法正常阅读内容

解读:主要针对身体机能退化或部分功能丧失的老年人在访问网站方面存在的看不清、看不见、文化低等原因导致无法完整阅读,及因屏幕信息量过大或交互方式复杂带来的理解迷惑和操作恐惧,而制定的网站适老化通用设计技术指标体系,并为网站进行适老化改造、提供适老化服务,规定了网站适老化的技术服务细则。


二、重点要求网站提供智能服务:

口述网页结构服务——帮助用户了解和掌握网页操作。

网页信息的影像化——提升用户感知和理解信息能力。

解读:主要针对身体机能退化或部分功能丧失的老年人在访问网站方面存在的看不清、看不见、文化低等原因导致无法完整阅读,及因屏幕信息量过大或交互方式复杂带来的理解迷惑和操作恐惧,而制定的网站适老化通用设计技术指标体系,并为网站进行适老化改造、提供适老化服务,规定了网站适老化的技术服务细则。


三、可感知性方面技术要点

1.1 标识与描述

1.1.1 整体信息。应设置描述当前页面整体服务类型、信息状况和信息结构的语音阅读引导操作机制,并易于老年用户辨识理解和操作。

1.1.2 区域信息。网页各信息区域应有服务类型和信息内容的描述与介绍,并提供对应的语音阅读服务,便利老年用户在访问过程中随时获得信息。

1.1.3 关联性操作。具有上下文关系或其他关联性关系界面组件的计算机网站、网页,应设有显著的操作引导文字或图片说明,以及相应的语音阅读服务。

1.2 视觉呈现

1.2.1 页面布局。网页布局设计应依照扁平化原则进行,避免阴影、透视、纹理等复杂装饰设计,也可独立提供内容简约的 适老化大版块网页样式。

1.2.2 区域辨识。在展现服务信息的网页,对各信息服务区域以色彩差异进行区别,以方便老人用户辨识。

1.2.3 字体大小。在不依赖操作系统和浏览器的前提下,计算机适老化网页应提供网页的放大设置与大字屏幕服务,移动网

页至少提供一种 18dp/pt 及以上的大字体。

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

1.3 听觉感知

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

1.3.2 阅读控制。语音阅读服务应有开启和关闭阅读的设置,并可被辅助技术操作和控制,避免出现服务冲突。

说明:计算机网页的上述服务,应支持经过安全性和适配技术评估的第三方语音阅读技术,以及与操作系统适配好的第三方读屏软件。

1.4 非文本处理

1.4.1 非文本链接。以非文本形式的链接,应提供语音阅读其链接的目的或链接用途的适老化服务。

1.4.2 非文本控件。以非文本形式的控件或接受用户输入文本框,应提供语音阅读其目的或用途的适老化服务。

1.4.3 验证码

(1)验证码放大:如网页中存在非文本验证码,应提供相应的验证码放大服务,且验证码的放大倍数不低于 2 倍。包括字符、图形和各类拖拽形式的验证码。

(2)验证码替代:如网页中存在非文本验证码,至少提供一种视觉感官以外的验证码,如系统推送的语音验证码。

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

1.4.4 验证码时效。有时效限制且不超过 3 分钟时长的验证码,应为用户提供语音告知时效的服务,并提供延长时效设置。时效延长设置时长不低于原时效的 2 倍以上。

在可感知性的视觉感知能力补偿方面:如布局样式。应依照扁平化原则设计适老版的大字型、大图标,避免阴影、透视、纹理等复杂装饰设计。

在可感知性的区域辨识方面。如实现信息服务区域和服务功能按钮的色彩差异进行区别,以方便老人用户辨识和熟练掌握操作。

在可感知性的状态辨识方面。如实现鼠标,或指点,或键盘操作,或以其他方式聚焦到页面各组件时,该组件应有明显的状态提示。


四、可操作性方面技术要点

2.1 可操作性要求

在没有安全风险的条件下,适老化用户界面应开放组件访问接口,并可被语音控制或其他智能技术操作。

2.2 操作接口

2.2.1 结构数据。适老化界面组件应是层次清晰、信息完整的关系结构。

2.2.2 接口开放。无财务交易或用户信息完全风险的网页,应开放其内容的关系结构访问接口,支持语音控制等智能软件操作。

2.3 多媒体控制

多媒体播放控制。视频、音频等多媒体信息的播放控制,可通过键盘或智能手势完成。

2.4 广告插件及诱导类按键限制

2.4.1 禁止广告插件。提供适老化服务的网页或独立的适老化网站,网页中严禁出现广告内容及插件,也不能随机出现广告或临时性的广告弹窗。

2.4.2 禁止诱导类按键。提供适老化服务的网页或独立的适老化网站中无诱导下载、诱导付款等诱导式按键。

2.5 漂浮窗体控制

2.5.1 漂浮窗体时机。网页中如有漂浮窗体,尽可能在网页加载时与网页同步出现,并提供一个长期关闭的机制。

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

说明:本要求是针对宣传类且无指向链接的漂浮窗要求,对面向当前用户办理业务的告知类窗体不做限制。

2.6 信息输入处理

2.6.1 错误预防。对于会导致使用者发生法律承诺或财务交易的网页,提交动作是可逆的,且提交可在 10 分钟内予以撤销,或在 10 分钟内支持修改和再次提交。

说明:该细则不包括对于商家促销且影响其他用户公平等形式的财务交易(如秒杀活动)。

2.6.2 区域辨识。网页中的各信息服务区域,任一表现形式(如纯文字、大版块等),应设有功能、目的和内容的语音告知服务,方便老年用户理解和进行下一步操作。

在可操作性中的操作替代方面。计算机网站的替代操作,如全键盘替代鼠标操作。在电脑端网页中,文本或非文本链接内容,多媒体控制、功能类按键、隐藏式菜单等均应提供键盘替代操作方式。

注:这个技术要求是支持严重视力障碍且不能使用鼠标操作的障碍人士。

移动网站的操作替代。如焦点获取。移动端信息中,应支持严重视力障碍人士,以手指触摸或手指滑动或其它智能手势方式获得其焦点或内容。

注:严重视障人士无法感知智能手机屏幕信息和访问焦点,他们仅能通过单指或双指的上下、左右移动,以及点击等特殊的手势进行访问,并有同步有语音阅读支撑(说明:网站提供在线语音服务或用户自身辅助技术实现)

其他智能技术或辅助技术实现操作方式的替代。如通过操作接口开放。对语音识别互动的辅助技术开放了操作访问接口,这个要求包含PC端网站和移动网站。


五、可理解性方面技术要点

3.1 信息及操作表达

3.1.1 专业词语与新词语。提供适老化服务的网站栏目或服务,避免采用专业词语或网络新词语作为访问目标和结果表达。如确有必要,应在用户操作前给予必要的提示。

3.1.2 交互的统一性。经适老化设计的网页界面,其组件的操作流程应与用户的常规操作流程认知保持一致。

3.1.3 识别的一致性。提供适老化服务的网站,避免修改公认的通用名称或功能标识,如确有必要,则应提供必要的说明机制。

3.1.4 位置告知和纠错。应提供告知当前状态、位置和组件关系的机制以指导用户操作,并设有撤销上一步操作的动作。

在可理解性中的文字词语表达,交互方式认知的理解掌握,以及用户访问的位置告知和操作引导,主要的技术指标如下:

信息及操作表达专业词语与新词语。主要针对网页中可能出现的专业词,如人工智能和其代词AI,要求应同时出现必要的解释,帮助老年人掌握专业词语,理解内容描述。

交互的统一性。是对网站操作流程主流化、统一性的要求,以保持和用户对操作流程的认知一致。

位置告知和纠错。通过告知用户当前访问的所在位置,帮助用户理解和掌握操作。同时提出的撤销上一步操作动作要求,避免用户出现不必要的操作失误。

以上这些要求的实现,是依据障碍人群对智能技术和服务认知的现实情况,以此来帮助他们快速理解和掌握操作。


六、兼容性方面技术要点

4.1 兼容性要求

适老化版本应兼容各主流操作系统和各主流浏览器、盲用读屏等各种辅助软件,以及语音识别等智能技术的访问和操作。

4.2 界面组件

4.2.1 组件样式。适老化页面的组件样式应支持主流浏览器和主流操作系统,不应因用户使用的浏览器或操作系统不同而发生变化。

4.2.2 组件服务。适老化网页的组件服务数据内容,可以按照老年人生活实际需求情况进行提供。如在适老化网页上提供“社保查询、天气查询”等组件。

兼容性一是对网站适老化版本在各种浏览器下页面样式不发生变形提出要求,二是要求网页的各组件接口支持各种辅助技术访问,三是需要对老年人提供的专门的适老化服务。主要技术指标有:

组件样式。是对网页各组件在不同浏览器和操作系统运行环境中不产生差异和变化的和要求。

组件服务。是要求网站将自身与老年人密切相关的服务,构建形成专门的适老化快捷服务网页,并按照老年人的生活需求提供“社保查询、天气查询”等组件。


七、特别性方面技术要点

5.1 口述网页结构服务。应对当前网页的信息结构、区域组成和服务功能的整体描述提供语音阅读服务。

5.2 实时读屏服务。应提供用户操作一致的语音阅读服务,并提供开启和关闭切换设置,以避免与语音识别等智能软件冲突。

5.3 完整性服务。提供适老化服务的计算机网站和移动网站,应提供直接进入适老化服务的网站快捷通道或客户端。

在特别性中,是对适老化服务可用、好用,以及未来的全面性服务和智能化发展提出的要求。一如:口述网页结构服务要求,这是人机交互方面引导用户进行操作的智能服务。二如:实时读屏服务的要求,主要是为没有读屏软件用户提供网站适老化服务的同时,也要考虑到使用辅助工具用户的适老化服务需求。三如:完整性服务要求,这个服务重要性表现在,对于包括老年人在内的上网有障碍人群,通过搜索引擎搜索网站;或在浏览器地址栏中输入网站地址是绝无可能的,提供直接进入适老化服务的网站快捷通道或客户端是很重要的。

(本文由中国互联网协会信息无障碍工作委员会提供)


附件下载: 互联网站适老化通用设计规范

(责编:陈紫仪)