无障碍网页

无障碍网页

中文名 无障碍网页
意义 网站是否为所有人而设计
类型 网页
目录导航

背景

有些机构可能认为,如网站已很容易经搜寻器找到,该网站的设计便属「无障碍」。然而,无障碍网页的主要原则不在于网站是否「能让人搜寻得到」,而在于网站是否为所有人而设计,不论这些人是谁或他们透过什么途径上网。

必要性

采用无障碍设计的原因有许多。

社会责任

每个人均有责任一视同仁对待健全人士和残疾人士。这一点对网站来说尤为重要,因为网站往往可以协助残疾人士在知识型社会中更独立地生活,让他们充分发挥潜能。在某些情况下,网站是残疾人士接触最新资讯的唯一途径。

法律责任

《残疾歧视条例》(香港法例第 487 章) 订明机构须确保他们的服务可供所有人(不论残疾与否)使用。这项原则亦适用于网站所提供的资讯和服务。

开拓潜在市场

采用良好的无障碍网页设计,能够令:

  • 政府网站接触到更多市民
  • 企业网站接触到并保留更多网上客户

在搜寻结果中排得更佳位置

网站如采用无障碍网页设计,不但让残疾人士易于使用网站,亦有利搜寻器检索网站。许多无障碍网页的设计特色,例如为网页作正确编码,并将内容以清晰和有条理的方法展示,都有助搜寻器搜索网站。因此,网站的无障碍程度越高,可更有效提升网站在搜寻结果中的表现,令网站得以接触更多潜在客户。

降低成本

网站特别是当推出新系统时如能参考无障碍网页指引来推行项目,长远能节省时间和金钱。网站特别是当推出新系统时如能参考无障碍网页指引来推行项目,长远能节省时间和金钱。

建立无障碍网站须采用良好的编码技术,这可令网站维护工作更趋容易,并可使网站能兼容各类型网络浏览器和设备,例如智能手机和平板电脑。

常见误区

对于无障碍网页,存在着许多误解。下文尝试阐释这些误解,希望有助贵机构采用无障碍网页设计。

误解1: 残疾人士不使用网站

许多人认为残疾人士不使用网站。事实上,情况完全相反。很多残疾人士和健全人士一样经常使用网站,在网上购物和进行社交活动,令他们更能独立地生活。

误解2: 无障碍网站枯燥乏味

设计人员担心无障碍网站的设计枯燥乏味,但事实并非如此。一般而言无障碍网站采用良好的编码技术及简洁的设计,而设计简洁不一定是枯燥乏味。

误解 3: 无障碍网页的制作成本高昂

许多人认为建立无障碍网站网页成本高昂,因而十分抗拒。事实上,要建立无障碍网站,一般须采用较佳的程式编制方式和良好的编码技术,这些技术可令网站更易于维护和使用,并可兼容多种浏览器和设备,长远更能节省金钱。

适用对象

当提及无障碍网站这个课题,大部分人都会联想到视障人士。其实,残疾有多种不同类别,故此不同的残疾人士会使用多种不同的方法使用网站。

残疾主要分为四大类:视力障碍、身体残障、听力障碍、认知障碍

此外,我们也会经历短暂残障,例如手臂受伤等。这些损伤令伤者如同永久伤残人士一样,在使用网站时遇上极大困难。

有关残疾的例子和克服残障的方法,概述于下文。

视力障碍

视障人士无法看到电脑屏幕或在观看电脑屏幕时有困难。因此,网站应能配合使用屏幕阅读软件、屏幕放大器及色盲人士可看得到的颜色。

身体残障

身体残障人士无法透过正常方式,使用键盘和滑鼠操作电脑。身体有不同残障的人士,所遇到的问题亦各有差异,例如肢体不灵活的人会难以控制滑鼠,丧失肢体的人士则可能完全无法使用滑鼠或键盘,而癫痫症患者可能会对闪动的影像有过敏反应。

因此,应设计较大的按钮,方便这些人士点击,而且不要将重要项目放在太接近,以免他们错误点击项目。

此外,应确保网站可以配合使用辅助技术,例如语音控制软件,这样残疾人士便能够透过语音指令操控网站。

听力障碍

随着网上视像和声音内容日益增多,因此应探究这种情况如何影响失聪人士。如果资讯通过声音传递,便应确保有其他途径让他们接收到这些资讯。

做法很简单,就是为声音内容提供文字稿或在视像内容配上字幕。文字稿同时也惠及视障人士。

认知和学习障碍

尽管认知障碍难以界定,但这一般都涉及有特定学习困难的人士或精神病患者。与一般人比较,这些人士在进行思维工作时存在更大困难。

即使他们在使用网站时不需要任何特殊工具,但与一般人比较,他们可能会觉得网站内容难以理解。当机构编撰网站内容时,应留意这一点。

十大不便

  • 无法跳过 Adobe Flash 和移动影像
  • 字体细小或色彩对比度不足
  • 没有就非文字资讯提供其他选择
  • 网站结构太复杂,难以使用辅助工具理解 / 导览
  • 网站播放的背景声音造成障碍
  • 文字版本过时
  • 有些功能要在特定时间内完成,但时限太短
  • 难以控制音量控制杆
  • 描述不清晣的连结,让读屏软件难以发挥作用
  • 浏览 PDF 文件档案时遇到的障碍

无障碍网页指引

万维网联盟的《无障碍网页内容指引》:

为了建立无障碍网站以方便残疾人士使用,万维网联盟(World Wide Web Consortium, W3C)成立了 W3C Web Accessibility Initiative(WAI),让世界各地的资讯科技界、残疾人士机构、政府及研究机构的人员同心协力,共同制定《无障碍网页内容指引》 (Web Content Accessibility Guidelines, WCAG)和开发资源,以推动网站采用无障碍设计,利便残疾人士使用。

该指引阐释了网站可如何采用无障碍设计,以便残疾人士使用。指引的现行版本为《无障碍网页内容指引》 2.0 版。

虽然该指引看似十分复杂,但其实思路和内容都十分清晣,任何网站开发人员只须稍事阅读,便能理解如何采用和遵守这些指引。总括而言,该指引由四个部分组成:

61 项成功准则的重要性各不相同,如下所示:

成功准则

WCAG 2.0 成功准则 – A 级

1.1.1 - 非文字内容

1.2.1 - 纯声音和纯视像档案(预先录制)

1.2.2 - 字幕(预先录制)

1.2.3 - 声音档案内容描述或其他媒体选择(预先录制)

1.3.1 - 网页结构

1.3.2 - 有意义的序列

1.3.3 - 感官的指示

1.4.1 - 颜色的使用

1.4.2 - 声音控制

2.1.1 - 键盘

2.1.2 - 不能使用键盘的阻碍

2.2.1 - 可调校的使用时限

2.2.2 - 暂停、停止、隐藏

2.3.1 - 把闪动次数限为不多于每秒三次

2.4.1 - 跳过障碍

2.4.2 - 网页标题

2.4.3 - 焦点次序

2.4.4 - 连结的目的 (内文)

3.1.1 - 网页语言

3.2.1 - 焦点

3.2.2 - 输入

3.3.1 - 错误识别

3.3.2 - 标记或指示

4.1.1 - 语法分析

4.1.2 - 名称、角色、数值

WCAG 2.0 成功准则 – AA 级

1.2.4 - 字幕(直播)

1.2.5 - 声音档案内容描述(预先录制)

1.4.3 - 对比度(最低)

1.4.4 - 调整文字大小

1.4.5 - 文字图像

2.4.5 - 多种途径

2.4.6 - 标题和标签

2.4.7 - 清晰可见的焦点

3.1.2 - 各部分的语言

3.2.3 - 一致的导览列

3.2.4 - 一致识别

3.3.3 - 错误提示

3.3.4 - 错误预防(针对法律、财务、数据资料)

检测方法

编码扫描

使用软件工具可自动侦测到许多有碍浏览网页的问题。在开发网页及审视无障碍程度时,应使用这些工具以检测网页的编码。

当完成编码扫描并修正所有问题后,使用下列其他方法来检查那些无法自动检测的项目

目视检查

  • 关闭层叠样式表(CSS)。由于这是读屏软件不会读取层叠样式表,这样可显示网页内容的编排和结构是否合理。
  • 尝试使用内置的浏览器文字放大功能。网页文字能否放大?
  • 尝试只用键盘在网页上四处移动。能够移至并使用所有连结和功能吗?

用读屏软件进行手动检测

要体验视障人士如何使用网站,简单的方法是直接关闭显示器,尝试透过读屏软件使用网站。

  • 透过读屏软件浏览网站,以确定能得到多少资讯。
  • 尝试解读标题、导览列、图像,也要检测较复杂的功能,例如输入表格和图表。

使用其他检测工具

除了读屏软件外,残疾人士还会使用各种其他工具与网页进行互动,其中两种广为使用的工具是:

屏幕放大工具– 这些常用工具协助使用者放大屏幕某个部分及调整对比度。

  • 使用这些工具检测网页并修正所发现的问题。

语音控制工具– 对于一些严重丧失活动机能的人士而言,语音指令是他们与网页进行互动的唯一途径。他们透过说出指令,如「下一条连结」、 「开始」等,便可操控网页。

  • 使用这些工具可以检测到其他方法难以找出的问题。

使用者测试

检测网页无障碍程度的最彻底方法,是透过各类残疾人士检测网页,了解那部分是他们难以浏览的。鉴于这种检测方法需要较多时间和资源进行,因此宜先采用上述 4 种检测方法,尽量修正所有问题,然后才在最后阶段透过使用者检测,找出其他问题。

发展情况

2013年2月,住建部、工信部、民政部、全国老龄办联合发布了《关于开展创建无障碍环境市县工作的通知》;2016年,中央网信办、中残联联合印发了《关于加强网站无障碍服务能力建设的指导意见》;2018年工信部、国资委联合下发《关于深入推进网络提速降费加快培育经济发展新动能2018专项行动的实施意见》;2018年10月,中国颁布实施《中华人民共和国残疾人保障法》。这些法律法规的出台,为信息无障碍建设发展提供了政策支持。

《信息技术互联网内容无障碍可访问性技术要求与测试方法》(GB/T 37668-2019)《Web信息无障碍通用设计规范》《移动通信终端无障碍测试方法》和《应用软件无障碍技术要求》等行业(团体)标准的立项、制定和不断完善,使中国在信息无障碍标准规范方面与国际差距缩小,同时,为信息无障碍技术应用发展提供了可靠支撑。

2013年5月,在国家有关部委的支持指导下,相关行业组织开展了“美丽中国——中国政务信息无障碍公益行动”。七年来,全国政协门户网站和外交部、工信部、生态环境部、交通部、退役军人事务部等部委网站,北京市、新疆维吾尔自治区、海南省和青海省等大部分省级政府网站完成了无障碍建设,500多个县区以上人民政府完成了政务信息无障碍服务平台的建设,无障碍政务网站数量达到3万多个。2014年,建设成果写入中国政府《2013年中国人权事业的进展》《改革开放40年中国人权事业的发展进步》和《为人民谋幸福:新中国人权事业发展70年》等白皮书。

自2019年1月起,中国互联网协会在国家有关主管部委的指导下,对国家各部门,各省、市、县(区)人民政府及所属党政机关、公共事业单位约13万个网站,各民主党派、社会团体、各级各类公共企事业单位、新闻媒体、金融服务、电子商务等10万个重要公共服务网站无障碍建设情况及其服务效能进行检测。[1]

相关百科
返回顶部
产品求购 求购