网页可访问性

什么是网页可访问性?我们解释了可访问的web设计原则，并分享了入门的技巧和资源。

网页可访问性的共同标志是屏幕阅读器。屏幕阅读器，顾名思义，是一种辅助技术，它通过计算机将屏幕的文本内容读入到使用计算机的人，输出为语音音频或盲文。

屏幕阅读器通常与盲人或视力受损的用户联系在一起，但对于那些学习困难的人来说，他们也很有价值，他们发现阅读费力，或者宁愿听音频内容而不是阅读文本。

就像建筑的可访问性不仅仅是关于轮椅的访问，一个网站的可访问性不仅仅是关于屏幕阅读器的访问。

关注让一组需求访问网站也会对其他人有好处。当我们设计我们的网站，以供许多人使用时，有广泛的需要，我们称之为包容性设计。

当我们研究如何使我们的网站可用来满足广泛的需求时，我们可以集中在五个广泛的领域:视觉、听觉、运动、认知和动作敏感。现在我们将更详细地研究这些领域。

可视化的可访问性:使其易于查看

让我们的网站更容易看到可以使视力障碍的人受益，那些色盲的人，甚至是那些只是想在明亮的阳光下使用他们的移动设备的人。

屏幕阅读器可以使那些看不到屏幕内容的人受益。因此，为了使我们的站点能够访问屏幕阅读器，我们可以开始尝试使用相关的HTML元素来描述我们的内容。

例如，使用< ul >作为无序列表。这不仅使访问者更容易理解内容块与纯文本的区别，而且还能使浏览器提供额外的提示和行为。

当我们使用< ul >来描述列表，以及< li >对于每个列表项，浏览器可以通知用户有一个列表，列表中有多少项，并使用户可以轻松跳过这些项。

为视觉内容提供文本替代方法是另一种简单的方法。如果我们使用图像中的alt文本属性来提供描述性的替代文本，它不仅会使使用屏幕阅读器的人受益。

如果有人在一个糟糕的互联网连接上，而一个页面的图像没有加载，另一个文本也会对他们有利。此外，当搜索引擎bot索引一个站点时，它还将使用HTML中定义的结构来评估内容的相关性，以及在搜索结果预览中显示的内容。

听觉可及性：让人容易听见

提供音频内容的替代方案可以使那些极度失聪的人受益，有轻微的听力障碍，甚至是那些忘记了耳机的人，但他们正试图通过火车上安静的车厢观看视频。

如果不提供替代方案，音频和视频内容将完全无法访问。字幕和字幕可能成本高昂且耗时，但越来越多地用于社交媒体上的视频，因为这些视频经常没有声音自动播放。

字幕这些视频不仅适用于声音柔和的人，也适用于听力受损的人。对于更长的音频和视频，transcripts可以是一个有效的文本替代，而且它们也很容易被搜索引擎索引。

运动可及性:使其易于与之交互。

自从触屏和移动设备问世以来，我们更清楚地知道人们如何与网络互动，这取决于他们如何持有设备和所需的输入。有有限的精细运动控制的人也会发现很难准确地移动鼠标，或者发现打字费时费力。

改善网站互动的一个重要的方法就是确保键盘导航是可行的

通过增加链接和按钮上的点击区域，我们可以让我们网站上的交互元素变得更容易访问，因此它们在鼠标或触屏上的准确度就更低了。

用更少的免费文本字段制作表单可以限制输入的数量，通过复选框和单选按钮提供预设选项可以帮助人们提供更多的信息，而不需要输入太多。

这些考虑可能也有利于一个人在雨中使用触摸屏，在那里他们的触摸和打字的准确性被降低。

另一个改进网站交互的重要方法是确保键盘导航成为可能，因为许多使用屏幕阅读器的人都依赖于他们的键盘来与页面交互。

考虑到一个人如何使用没有鼠标悬停或点击功能的网站，也可以使人们使用诸如头部跟踪、眼球追踪或脚动鼠标等鼠标替代品。

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

内容本身也需要访问。让你的内容和界面容易理解，可能会给学习困难的人带来好处。确保文本内容简洁会对那些发现阅读困难和耗时的人产生影响。

使用简单的语言也可以帮助那些母语不同的人，所以不理解隐喻或行话。即使一个人处于紧张的状态，只是需要快速地找到信息，使用标题和列表可以更容易地浏览大量的文本，以找到所需的信息。

北加州网站的法律服务知道它的访客很可能会在那里，因为他们需要法律帮助，所以主页的目的是快速引导他们到最相关的信息。

针对易受攻击和动作敏感的访问者设计

我们通常可以避免在访问我们的网站时，通过避免快速闪动的内容引起的癫痫发作。

运动灵敏度稍微复杂一点。由于动画和视差滚动变得非常流行，所以很容易使人通过不顾他人的设计而感到运动敏感。最好是让访问者控制页面上有多少动作，并避免突然触发动画，而不首先让访问者禁用它。

开始使用可访问的web设计

这些简单的例子只是我们如何在web上提高可访问性的一个小小的预览。就像学习响应式web设计或前端web开发一样，可访问性是一种最佳实践不断发展和改进的领域。

遵循可访问性专家和倡导者的工作将帮助您保持最新。将可访问性集成到您的研究和测试实践中，将确保您在您自己的项目的上下文中理解可访问性。