上海市互联网应用适老化和无障碍设计规范（试行）.docx

YD/T××—20×× PAGE 14 PAGE PAGE 19 上海市互联网应用适老化和无障碍设计规范 （试行） 发布日期：2021 年 03月19日 互联网信息适老化和无障碍设计规范 1 范围 本规范规定了互联网信息适老化和无障碍访问性的设计要求。 本规范适用于互联网网站（含移动端网站）和移动互联网应用（APP）的设计、开发、测试和管理。 2 概述 互联网信息适老化和无障碍设计规范是保障所有用户在不同身体状况、网络传输渠道和周边环境状态发生变化的情况下，都能便捷获取互联网服务的信息无障碍交流要求。 针对老年人，提供大字体、大图标、高对比度文字等界面简单、操作方便的模式，实现一键操作、辅助十字光标、文本输入提示、拼音提示等多种无障碍功能。 针对视力障碍人士，做好读屏软件兼容，提供语音“验证码”，做到按钮标签和图片信息可识别等。 针对听力障碍人士，提供信息加配字幕，提高与助听器等设备的兼容性。支持可替代服务方式。 针对肢体障碍人士，支持自定义手势，简化交互操作。 读屏软件，是一种可以帮助盲人上网的工具,是专为盲人或视力有障碍的人设计的屏幕朗读软件。用户通过数字键盘的切换操作，以及大键盘上的几个功能键的切换，就能够随心所欲地进行查找和处理文件，对网页进行导航浏览、编辑和收发电子邮件。（注：Windows系统自带的讲述人功能不可代替读屏软件） 主流读屏软件 PC端 移动端 争渡（基于Windows） Vioce over（基于iOS） 永德（基于Windows） Talk back（基于Android） 阳光（基于Windows） 保益悦听（基于Android） 移动端读屏主要操作： ——单指滑动，浏览当前界面内各元素。 ——两指/三指同时向同方向同时滑动，选择下一个界面。 ——选中某一图标，连续双击，打开所需内容。 综合考虑用户访问的影响程度、普适性与扩展性、技术实现的难易度等因素，划分为以下三个等级： 一级，完成了所有一级的设计与实现，提供基本的适老化和无障碍服务功能用户可利用自己适用的交互方式访问主要信息和主要功能； 二级，完成了所有一级、二级的设计与实现，提供强化的适老化和无障碍服务功能，用户可通过适用自己的不同形式和模式访问信息和功能。 三级，完成了所有一级、二级、三级的设计与实现，提供多种附加的适老化和无障碍服务功能，用户可通过适用自己的不同形式和模式访问信息和功能。 在互联网网站或移动互联网应用中,如提供适老化/无障碍的替代版本,则该版本宜满足对应等级的全部指标，同时保障服务的可持续运营。 3 互联网网站适老化设计规范 通过互联网网站提供适老化服务时，应遵循以下服务原则： （1）以人为本的人机交互：应做到界面元素的简约化、服务形式的差异化、信息内容的扁平化、功能标识的统一化和操作流程的一致性，并符合《信息技术 互联网内容无障碍可访问性技术要求与测试方法》等国家标准。 （2）提供多种的操作方式：计算机网站至少提供全程键盘和特大鼠标这两种操作方式，移动网站应增加快速定位、语音阅读等规范性的适老化智能手势。在兼容性方面，网页应为各类辅助技术和语音识别等人工智能技术的访问操作，规范相应的服务功能与对应的标识信息。 （3）实现多样的推送形式：在网页提供特大字体、背景色高对比、文字放大和语音阅读服务等辅助阅读的同时，应提供简约界面版本和信息影像化的人工智能推送形式，以支持老年人感知网页内容、获取服务。 （4）形成有效的服务闭环：提供适老化服务的计算机和移动网站，应在用户的操作系统桌面上，提供直接进入适老化服务快捷方式或客户端，以形成有效的适老化服务的闭环。 3.1 可感知性 3.1.1 标识与描述 3.1.1.1 整体信息（一级） 应设置描述当前页面整体服务类型、信息状况和信息结构的语音阅读引导操作机制，并易于老年用户辨识理解和操作。 3.1.1.2 区域信息（一级） 网页各信息区域应有服务类型和信息内容的描述与介绍，并提供对应的语音阅读服务，便利老年用户在访问过程中随时获得信息。 3.1.1.3 关联性操作（一级） 具有上下文关系或其他关联性关系界面组件的计算机网站、网页，应设有显著的操作引导文字或图片说明，以及相应的语音阅读服务。 3.1.2 视觉呈现 3.1.2.1 页面布局（一级） 网页布局设计应依照扁平化原则进行，避免阴影、透视、纹理等复杂装饰设计，也可独立提供内容简约的适老化大版块网页样式。 3.1.2.2 区域辨识（一级） 在展现服务信息的网页，对各信息服务区域以色彩差异进行区别，以方便老人用户辨识。 3.1.2.3 字体大小（一级） 在不依赖操作系统和浏览器的前提下，计算机适老化网页应提供网页的放大设置与大字屏幕服务，移动网页至少提供一种18dp/pt及以上的大字体。 3.1.2.4 焦点状态