开始使用Web辅助功能

Web可访问性是指网站的UX设计可供尽可能多的人使用的程度。大多数情况下,当我们谈论网络可访问性时,我们正在描述残障人士如何访问网络。

Web可访问性的常见符号是屏幕阅读器。顾名思义,屏幕阅读器是一种辅助技术,它使用计算机将屏幕的文本内容读取给人,输出为语音或盲文。

屏幕阅读器通常与失明或视力受损的用户相关联,但是对于有阅读困难的学习困难的人或者只是喜欢听音频内容而不是阅读文本的人来说,它们也是有价值的。

就像建筑物的可达性不仅仅是轮椅通道一样,网站的可访问性不仅仅与屏幕阅读器的访问有关

就像建筑物的可达性不仅仅是轮椅通道一样,网站的可访问性不仅仅与屏幕阅读器的访问有关。

注意使网站可以满足一组需求通常也会使其他人受益。当我们将我们的网站设计为可供许多人使用时,具有广泛的需求,我们将其称为包容性设计。

当我们研究如何使我们的网站满足各种需求时,我们可以专注于五大领域:视觉,听觉,运动,认知和运动敏感。我们现在将更详细地介绍这些领域。

视觉可访问性:易于查看

让我们的网站易于查看可以使有视力障碍的人,色盲的人,甚至只是想在明亮的阳光下使用他们的移动设备的人受益。

屏幕阅读器可以使那些看不到屏幕内容的人受益。因此,为了使我们的网站可供屏幕阅读器访问,我们可以首先尝试使用相关的HTML元素来描述我们的内容。

例如,使用

    对于无序列表。这不仅使访问者更容易理解该块内容与纯文本的区别,还可以使浏览器提供额外的提示和行为。

    当我们使用

      描述清单,和
    • 对于每个列表项,浏览器可以通知用户存在列表,列表中有多少项,并且使用户能够容易地在项之间跳过。

      提供视觉内容的文本替代是另一个轻松的胜利。如果我们在图像上使用alt Text属性来提供描述性的替代文本,那么它不仅会使使用屏幕阅读器的人受益。

      如果有人在互联网连接不良,并且没有加载页面图像,则替代文本也会使他们受益。此外,当搜索引擎机器人索引网站时,它还将使用HTML中定义的结构来评估内容的相关性以及搜索结果预览中的内容。

      听觉可访问性:易于听到

      Freelance TV has beautifully designed transcripts that complement the interview video, as well as being an accessible alternative to the video content

      Freelance TV拥有精美设计的成绩单,可以补充采访视频,并且是视频内容的可访问替代品

      提供音频内容的替代方案可以使深陷耳聋,有轻微听力障碍的人,甚至忘记耳机但是试图从火车上安静的车厢观看视频的人受益。

      如果未提供替代方案,则音频和视频内容可能完全无法访问。字幕和字幕可能既昂贵又耗时,但越来越多地用于社交媒体上的视频,因为这些视频通常无声播放。

      对这些视频进行说明不仅适用于音频较弱的人,也适用于有听力障碍的人。对于更长的音频和视频,成绩单可以是一种有效的文本替代方案,并且它们也很容易被搜索引擎索引。

      电机可访问性:易于与之交互

      Laura Kalbag is the author of the book Accessibility for Everyone

      Laura Kalbag是“人人无障碍”一书的作者

      自触摸屏和移动设备问世以来,我们更加了解人们与网络的互动方式,具体取决于他们持有设备的方式和所需的输入。精细运动控制有限的人还会发现很难准确地移动鼠标,或者发现打字既费时又乏味。

      改善网站交互的一个重要方法是确保键盘导航

      我们可以通过增加链接和按钮上的命中区域来使我们网站上的交互元素更易于访问,因此使用鼠标或触摸屏需要较低的精度。

      使用较少的自由文本字段创建表单可以限制需要多少输入,并通过复选框和单选按钮提供预设选项可以帮助某人提供更多信息,而无需键入太多。

      这些考虑因素也可能使一个人只是试图在雨中使用触摸屏,其触摸和打字精度降低。

      改善网站互动的另一个重要方法是确保键盘导航是可能的,因为许多使用屏幕阅读器的人将依靠他们的键盘与页面进行交互。

      考虑一个人如何使用没有悬停或点击功能的网站也可能使使用鼠标替代品的人受益,例如头部跟踪,眼睛跟踪或脚踏操作的鼠标。

      认知可及性:使其易于理解

      Make it easy for your users to find what they want

      让您的用户轻松找到他们想要的内容

      内容本身也需要可访问。使您的内容和界面易于理解可以使有学习困难的人受益。确保文本内容简洁将对发现阅读困难和耗时的人产生影响。

      使用简单的语言也可以帮助那些本地使用不同语言的人,因此不会理解隐喻或行话。即使一个人处于紧张状态并且只需要快速查找信息,使用标题和列表也可以更轻松地浏览大量文本以查找所需信息。

      北加州法律服务网站知道其访客可能会在那里,因为他们需要法律帮助,因此主页旨在快速指导他们获取最相关的信息。

      设计适合癫痫发作和动作敏感的访客

      我们通常可以通过避免快速闪烁的内容来避免在我们网站的访问者中造成癫痫发作。

      运动灵敏度稍微复杂一些。由于动画和视差滚动变得非常流行,因此通过不体贴的设计可以很容易地使具有运动灵敏度的人生病。最好让访问者控制页面上的运动量,并避免在没有首先让访问者禁用动画的情况下突然触发动画。

      开始使用可访问的网页设计

      Inclusive Design Patterns is a useful resource for accessible web designs

      包容性设计模式是可访问的Web设计的有用资源

      这些简单的示例只是我们如何改善网络可访问性的一个小小的预览。很像学习响应式网页设计或者前端Web开发,可访问性是一个不断发展和改进最佳实践的领域。

      随着无障碍专家和倡导者的工作将帮助您保持最新。将可访问性集成到您的研究和测试实践中将确保您了解自己项目环境中的可访问性。

      为了帮助您入门,以下是一些辅助功能资源:

      相关文章:



翻译字数超限