设计招聘网站

使用辅助功能指南设计招聘网站

Objective

After completing this lesson, you will be able to 使用辅助功能准则设计站点。

无障碍招聘网站设计

设计具有可访问性的招聘网站有助于确保平等访问、促进多样性并增强整体候选人体验。这种包容性对于吸引多元化人才库至关重要。通过将可访问性和可用性领先实践纳入招聘网站设计(也称为通用设计),您可以增强所有潜在候选人的用户体验,使其更容易找到相关信息、申请工作并参与招聘网站功能,而无需特殊调整。

全球可访问性指南

许多国家遵循一般无障碍准则,以确保其网站旨在为所有人创造一个更具包容性的在线环境。 注意事项包括:

  • 无障碍法:世界许多地区都遵守无障碍法。例如,在加拿大,拥有 50 多名员工的私有、公共和非盈利组织必须确保其网站可访问。

  • 可访问性原则:无障碍访问准则围绕四个原则组织:可感知、可操作、易于理解和稳健。每个指南都有三个可访问性级别:A、AA 和 AAA。访问指导方针概览,了解更多信息: https://www.w3.org/WAI/standards-guidelines/wcag/

  • Web 内容可访问性指南 (WCAG):WCAG 是通过 W3C 流程与全球个人和组织合作开发的,目的是为网站内容可访问性提供单一共享标准,以满足个人、组织和全球政府的需求。WCAG 文档介绍了如何使残障人士更容易访问 Web 内容。无障碍性涉及各种残疾,包括视觉、听觉、身体、语音、认知、语言、学习和神经系统残疾。

  • 在线辅助功能检查器:您可以使用在线工具检查网站是否可访问。使用在线辅助功能检查器,并不能保证您在网站上发现所有辅助功能问题。重要的是有一个人审查该网站。

辅助功能软件应用程序:WAVE

WAVE 等支持软件应用程序可用于测试网站内的可访问性问题和要求。要访问有关 WAVE 的详细信息,请使用以下链接:https://wave.webaim.org/

使用 WAVE 时,请考虑以下事项:

  • WAVE 无法告诉您是否可以访问 Web 内容。只有人类才能确定真正的辅助功能。但 WAVE 可以帮助评估 Web 内容的可访问性。

  • WAVE 包括针对第 508 节和 WCAG 2.1 指南中发现的可访问性问题的许多检查。但 WAVE 无法检查这些指南中的所有问题;没有自动化工具。

  • 要使用 WAVE,请访问 https://wave.webaim.org/ 上的表单,输入页面的 Web 页面地址,然后提交表单。有站点范围的 WAVE 工具 (https://wave.webaim.org/sitewide),用于轻松评估大量页面。

辅助功能软件应用程序:屏幕读取器

要支持屏幕阅读器等软件应用程序,请考虑以下事项:

  • 屏幕阅读器是将数字文本转换为合成语音的软件程序。它们允许使用屏幕阅读器的用户读取显示在计算机屏幕上的文本。

  • 屏幕阅读器在首次加载网页时公布页面标题(HTML 标记中的 <title> 元素)。

  • 屏幕阅读器公布标题并确定标题级别。例如,NVDA 和 JAWS 在 <h1> 标题前加上"标题级别 1"。

  • 屏幕阅读器通常会通知用户有一段文本(或图形)是一个链接。大多数屏幕阅读器在每个链接前都说"链接"。例如,"产品"链接将由 JAWS 读取为"链接产品"。

  • Alt text 或 alternate text 是 HTML 中添加到图像标记的属性。当无法显示图像时,此文本将显示在图像容器中,并帮助搜索引擎了解图像的内容。

  • 如果存在备选文本,屏幕阅读器将读取图像的备选文本。JAWS 在备选文本之前加上单词"graphic"。如果图像是链接,JAWS 将在备选文本前面加上"图形链接"。

  • 屏幕阅读器忽略没有备选文本的图像且不说任何内容,但用户可以设置其首选项以读取文件名。

屏幕读取器中的导航

屏幕阅读器中的导航包括以下注意事项:

  • 音频界面向用户线性呈现内容,每次一个项目。尽管音频界面具有线性特性,但屏幕阅读器确实为用户提供了快速导航内容的方法。

  • 一种方法是使用 Tab 键从链接跳转到链接。这使用户可以了解页面链接的位置,并且如果用户正在查找特定链接,则可以是浏览内容的有用方式。相关技术是获取页面上按字母顺序排列的链接列表。这些方法的缺点是用户不会听到任何非链接内容,并且可能会以这种方式错过重要信息。

  • 另一种全面了解页面内容的方法,是从标题跳转到标题。用户可以听到页面的主要想法大纲,然后回顾以阅读他们最感兴趣的部件。这项技术的主要缺点在于它依赖于标题,因此必须将其包括在内。在可能的范围内,标题应表示内容的准确概要。

  • 用户可以通过 ARIA 地标和 HTML5 部分元素进行导航,例如 <main><nav><header> 等。

  • 用户可以从段落跳到段落,听第一句或两句再转到下一段。如果可能,在第一句中放置一个段落的区分信息。

  • 跳过页面顶部的链接,允许用户绕过主导航并直接转到主要内容。它们加快了读取流程,并帮助用户区分主导航和主要内容。

招聘网站构建器的可访问性指南

为确保可以访问 Career Site Builder 站点,请考虑以下几点:

  • 确保创建元数据以允许屏幕阅读器访问和读取招聘网站内容。
  • 请注意内容的结构,包括页面标题和导航。
  • 设计考虑到可访问性的图像、表单和媒体,确保包含替代文本。

摘要

  • 设计具有可访问性功能的求职网站,以促进包容性、用户友好的体验并吸引多元化人才。
  • 遵循可访问性原则(可感知、可操作、可理解、可靠)并遵守 WCAG 指南以确保合规性。
  • 构建结构化、元数据支持的内容,以增强所有候选人的可访问性和可用性。