广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

网页设计基础知识点:WCAG 2.2 A级成功准则主要包括哪些内容?
发布日期:2024-12-10 10:07:31 浏览次数: 1101 来源:HKWEB

信息化时代,互联网已经成为们日常生活中不可或缺的一部分。

然而,对于残疾人士而言,网站的使用往往存在诸多不便。为了解决这一问题,万维网联盟(W3C)推出了《无障碍网页内容指引》(Web Content Accessibility Guidelines, WCAG)。

WCAG 2.2 作为当前版本的指南,包含了三个级别的成功准则:A级、AA级和AAA级,其中A级是最基本的无障碍要求。而在本文内容中,我们将重点说说「WCAG 2.2 A级成功准则主要包括哪些内容」。


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


《无障碍网页内容指引》(Web Content Accessibility Guidelines,WCAG)是来自万维网联盟(World Wide Web Consortium, W3C)的网络无障碍计划(W3C Web Accessibility Initiativ,WAI)中的一部分,旨在协助网页设计人员和开发人员建立更合乎残障人士或受年龄相关限制人士需要的网站。

《无障碍网页内容指引》阐释了网站可如何采用无障碍设计,以便残疾人士使用。该指引虽然看似十分复杂,但其实思路和内容都十分清晣,任何网站开发人员只须稍加阅读,便能理解如何采用和遵守这些指引。


WCAG 2.2 A级成功准则主要包括哪些内容


1. 非文字内容

确保网站上所有内容均以文字形式显示,以便让读屏软件能够正确读取所有资料。例如,图像必须提供描述性的alt文本,同时确保这些描述能够准确反映图像内容或功能,从而便于读屏软件读取。

至于图形验证码(Captcha)或仅属装饰而不传递讯息的图像,则无须一定要附有文字描述。

2. 纯声音和纯视像档案

为预先录制的声音和视像档案提供文字转写、音频描述或字幕等替代方法,让无法接受这些档案内容的用户也能获取资讯。例如视障人士无法正常看到视像资讯,须提供其他途径(如声音旁白)以帮助他们理解视像内容。

3. 字幕

为声音档案、视像档案提供字幕,方便听障人士可以知悉档案的内容。除了为声音或视像内容提供字幕外,还应该针对重要提示和背景声音提供相关的字幕,以便听障人士更容易理解。

4. 口述影像或其他媒体选择

视障人士对有声音的视像档案往往只能听到声音而无法看到图像,因此网站应提供额外的解说描述画面正在发生的事情,或者提供文字稿并同时解说声音档案内容及画面正在发生的事情。

5. 网页结构

健全人士能够看到整个网站的布局并迅速察悉网页的结构和层次,但视障人士是无法透过这种方式来访问网站的。因此,网站需要站需要提供恰当的标记,以便读屏软件能够正确解读相关结构;同时链接应按组别分类,以便读屏软件确定这些链接之间的关系。

6. 有意义的序列

如果网页内容必须按特定次序阅读才具意义,应该确保网页的编写/编码方式能够指示出这个次序,例如使用HTML的列表结构(如ol标签、ul标签)或适当的标题层级(如h1标签至h6标签)来指示这个次序。

7.  感官的指示

切勿只依赖声音、形状、大小或视觉位置作为指示,比如「点击右面的按钮提交资料」,这种模棱两可的指示会让视障人士无法准确知道该按钮的位置。建议提供精准的文字说明或可触摸的指示来辅助用户操作。

8.  颜色的使用

部分视障或色盲人士是无法准确分别某些颜色之间的区别,因此网页设计切勿仅依赖颜色来区分或传递信息,而是应该使用文字、图标或其他视觉对比来增强信息的可识别度。

9. 声音控制

对于使用读屏软件者,网页如果使用自动播放声音功能,往往令他们难以集中精神,因此页面应为他们提供「关掉声音」或「调校音量」的按钮并置于显眼位置,方便这些用户更有效地访问页面。

10. 键盘操作

部分用户可能因某些特殊情况而只能使用键盘来操控网页,因此我们需要确保所有内容和功能均可以利用键盘操控,如让他们可以透过Tab键或Enter键来浏览或使用有关内容和功能。同时,提供便捷的退出对话框、弹出视窗或其他交互元素的方法。

11. 字符键快捷键

当网站使用字母、标点符号、数字或符号字符等作为键盘快捷键时,须至少符合以下其中一个条件,确保用户在访问过程中发生冲突:

——   开启/关闭:提供便捷的开启或关闭快捷键功能

——   重新定义:让用户可以自行定义快捷键,包括使用一个或多个不可打印的键盘字符(如Ctrl、Alt等)

——   仅在焦点上处于活动状态:快捷键只会在焦点上才处于活动状态

12. 可调校的使用时限

如非必要,尽量确保网页的所有部分不设有「使用时限」;否则,应提供延长、调校或取消时限的选项,确保用户有足够时间访问网页。

13. 暂停、停止、隐藏

如果网页载有自动移动或更新的内容或元素,应提供暂停、停止、隐藏等途径让用户可以轻松控制这些元素的显示方式。

14.  把闪动次数限为不多于每秒三次

将网页所有闪动内容调暗,确保这类内容只占屏幕的一小部分,或者将闪动次数控制在每秒三次以下,以避免对用户造成不必要的视觉干扰,同时可以降低闪光可能会对癫痫症患者造成影响。

15. 跳过障碍

为用户提供「跳过」不必要内容的功能(例如网页上方的导览列),同时在每个网页的上方增设可直达主内容的链接,方便用户以最短时间内获取想要资讯。

16. 网页标题

为每个网页设置一个描述性强且准确的标题,进而帮助用户按其浏览记录来区分网页并提高网站的可访问性。

17. 焦点次序

以超文本标记语言为网页编码时,应确保网页内容按逻辑次序编码,并使用适当的HTML标签来指示焦点次序,让读屏软件以合乎逻辑的方式解读网页。

18. 链接目的

为每个链接提供清晰且描述性的文本说明,确保用户可以透过文字说明、链接文字及其周围的内文等,理解每条链接的意义。

19. 指针手势

简化用户操作,以允许用户使用更简单的动作来访问网站,例如使用点击或长按来取代滑动、拖曳控制杆或双指捏合等复杂手势进行缩放画面。

20.  指针取消

完成特定操作时,通过向上动作(如松开鼠标按钮或从屏幕移开手指)来终止或复原该功能;但当向下的动作(例如钢琴键盘模拟程式)是必要的时候,则属例外。

21. 名称中的标签

所有可见文字标签必须与编码中的名称一致,方便使用语音转换文字技术的使用者根据可理解的视觉标签与相关内容互动。

22. 动作启动

通过移动装置(例如摇动或倾斜)或通过手势操作装置的功能(例如相机可诠释手势并启动某功能),应可由较传统的使用者界面元件来操作。

23. 网页语言

应确保网页的主要语言与 HTML 编码吻合,让读屏软件正确解读网页的文字,并且保证该软件工具能够识别网页的语言。

24. 焦点

应确保在使用键盘的Tab键把焦点移至网页的某个项目时页面不会有所改变,例如当使用者按下Tab键把焦点移至输入栏时,不会出现对话方块。

25. 输入

确保用户在更改网页上的选项时,页面不会出现自动变更情况,如弹出视窗、更新内容以及跳转到另一个页面。

26. 一致的求助

如果求助机制位于多个网页上,应确保求助栏位在所有页面上的同一位置呈现。

27. 错误识别

如果使用者在操作时出错,网页应以文字向他们说明出错位置和错误内容,并附上解决方案。

28. 标记或指示

为免残疾人士在表格输入资料时出错,应向他们提供简明的指示和提示,比如在各表格旁附上正确的指示和案例;资料填写错误时,应提供理由和解决方案。

29. 重复的输入

为帮助使用者能够轻松地完成多步骤流程,不要在同一过程中询问两次或以上相同及类似的问题。

30. 语法分析

确保网页代码正确编写/编码。例如,在每个部分的开端和结束处附加标签,以确保读屏软件能够准确解读网页。

* 这项成功准则已从 WCAG 2.2 中删除。在 WCAG 2.1 和 2.0 中,对于使用 HTML 或XML 编写的内容,应符合此成功准则的要求。

31. 名称、角色、数值

确保网页的各个部分均编上「名称」 (name)、「角色」 (role)以及「数值」(value) 的标签,确保读屏软件能够更准确地解读网页并提供有用的信息给用户。

遵循WCAG 2.2的成功准则A级,可以确保网站对大多数用户都是友好且可访问的。当然,如果你希望自己的网站能够为残疾人士提供更加包容和便捷的数字体验,应确保符合WCAG 2.2的更高标准,以确保这类用户能够正常访问及使用网站。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询