2023 年无障碍指南:如何完成网站审核
设计无障碍网站时,您可以为残障人士消除障碍。但要知道需要改进什么,您需要知道您目前所处的位置。
网站审核可识别您网页上的可访问性问题,并提供修复指南。在之前的文章中,我们介绍了可访问性审核的重要性。现在让我们看看如何进行可访问性审核。
目录
您的可访问性审核的目的是什么?
任何无障碍审核的目标都是发现和修复无障碍问题,以便残疾人可以无障碍地与网站或应用程序进行交互。
许多组织都会进行审核,以检查常见的可访问性问题并确保遵守Web 内容可访问性指南(WCAG)。那些在可访问性方面做得更进一步的组织可能会进行 Web 审核,以测试针对特定群体(例如盲人或视力低下的客户)的特定特性或功能。
您的目标将决定您进行何种类型的审计、谁进行测试以及审计包括哪些内容。
谁将执行网络可访问性审核?
您可以自行进行网站审核,也可以将其外包给专家或第三方。以下是三种常见选项:
聘请无障碍专家
外包给第三方无障碍审计员
第三方无障碍专家承担与内部顾问类似的职责。他们执行网站审核,识别无障碍问题并提供建议。
您可以与个人顾问合作,但第三方专家也可以以团队形式工作。因此,他们可以比单个内部专家更快地测试您的网站。但作为权衡,他们不会像内部员工那样了解您的组织。
如果您无力聘请全职无障碍专家,但又想要只有经过培训的专业人员才能提供的知识和专业技能,那么求助第三方可能是一个明智的选择。
内部执行网站可访问性审核
网站可访问性审核中要检查什么
每个组织的网站可访问性审核根据其目标会有所不同。
这绝不是一个完整的列表,但无论您进行自动或手动测试,还是与内部或外部专家合作,您通常都希望在审核中测试这些元素:
检查文本内容是否存在可访问性问题
禁用样式表后页面仍可使用
即使禁用样式表,用户也应该能够与您的网站互动并了解您的网站。禁用 CSS 时消失的信息会造成可访问性问题。
说明不依赖于文本颜色或视觉提示
一些网站和应用程序使用文本颜色来吸引用户的注意力。例如,红色文本可能表示表单字段是必填的。但是,依赖文本颜色的提示可能不适用于盲人和视力较差的用户,而且屏幕阅读器不会告诉用户文本颜色。
文本具有足够的颜色对比度
文本和背景之间的颜色对比度不足使得盲人或视力低下的用户难以阅读网站上的信息。
字体不太小
文字太小,阅读起来会很困难。如果无法增加字体大小,请确保用户可以使用缩放功能来增加屏幕上的文字大小。
标题样式和标记正确
许多网站使用标题来格式化页面和信息块。确保这些标题的样式和标记正确,以便盲人和视力较差的用户能够理解网站布局。
页面具有描述性且清晰的标题
您网站上的每个页面都应有一个描述性、清晰的标题,以解释页面的用途。这可以帮助人们快速找到他们要查找的内容。
链接解释目的地或目的
链接应具有描述性,并解释链接的目的地和/或目的。
例如,有些用户使用屏幕阅读器从一个链接跳到另一个链接,尤其是在寻找特定页面或信息时。链接文本(如“单击此处”)不会提供任何脱离上下文的有用信息。链接短语“关于全球无障碍日的博客文章”可提供更多信息来帮助用户浏览网站。
验证图像、视频和音频内容是否可访问
视频或音频内容支持字幕和文字记录
视频或音频内容应配有字幕和文字记录,以便聋人和听力障碍者仍然可以观看。
视频内容中的图像或图形有音频描述
视频内容应包括任何图像、表格或图形的音频描述,以便盲人和视力低下的用户可以访问这些信息。
图片有替代文字
图像应包含替代文本或替换文本,用于向盲人或视力低下用户描述图像或其用途。
文本图像被替换为普通页面文本
使用纯文本,而不是包含文本的图像。屏幕阅读器无法解析图像中的文本。放大后,图像中的文本也会变得模糊,这进一步妨碍了视力较差的用户阅读。
确保交互工具和交易项目具有包容性
形式清晰一致
求职申请、购物车和许多其他类型的页面都包含在线表格。如果没有辅助功能,残障用户就无法填写或提交这些表格。
构建在线表单时,请确保:
表单元素的行为符合预期
表单字段已正确标记和标注
整个网站的表单元素都是一致的
用户在超时之前会收到警告
当表格填写不正确时,会提供清晰、有用的错误消息
用户可以在提交表单之前检查自己的答案
表单中的图片、图表和表格有文字描述
残障人士可能需要仅使用键盘(无鼠标)、屏幕阅读器或其他设备或辅助技术来浏览网站。以下是一些导航专用项目,应包含在您的审核中:
检查平板电脑或移动设备上的导航
使用移动设备或平板设备时测试页面方向。如果您将设备从纵向转为横向,页面方向应该会随之改变。
某些运动障碍会阻碍残障人士执行复杂的动作或手势(例如摇动设备或使用两根手指缩放)。有人应该能够仅使用一根手指或触控笔浏览您的网站。
使用键盘命令检查导航
检查用户是否可以不使用鼠标浏览您的页面。使用键盘命令浏览的用户不会在屏幕上看到光标,因此他们需要另一种方式来了解他们正在悬停或选择的元素。
他们还需要能够使用 Tab 键功能(使用 Tab 键在元素之间移动)浏览您的网站。使用 Tab 键时,顺序应该合理。例如,如果用户使用 Tab 键浏览列表,他们应该从上到下浏览列表。
残疾用户还应该能够直接跳到页面上的主要内容,而无需浏览其之前的每个元素。
确保有多种导航选择
<font style="ver
免责声明:本内容来源于第三方作者授权、网友推荐或互联网整理,旨在为广大用户提供学习与参考之用。所有文本和图片版权归原创网站或作者本人所有,其观点并不代表本站立场。如有任何版权侵犯或转载不当之情况,请与我们取得联系,我们将尽快进行相关处理与修改。感谢您的理解与支持!
请先 登录后发表评论 ~