网站可访问性简介

我们讨论了响应式设计是一种确保跨设备一致体验的设计方法。有许多不同类型的屏幕可供使用，但也有不同的人使用这些屏幕有不同的需求。为了满足所有这些不同的需求，您的设计应具有响应性和可访问性。有局限性的人应该得到并且需要顺畅的用户体验。网站可访问性使每个人都能更好地浏览网站。

牢记用户的各种需求

我们需要超越人们对人们如何浏览网络的偏见。有许多方法可以在手上敲击键盘或屏幕进行交互。有视力障碍的人可以使用屏幕阅读器来听取网页的内容。那些有良好运动挑战的人可能会使用口棒或头棒来引导他们的网络互动。

对于我们这些没有面对这些问题的人来说，很容易做出假设或忘记使用不同方法的人。我们需要认真对待他们的需求，以便他们能够像其他人一样访问网络的信息。

标记视觉媒体

在网站设计中，视觉效果往往受到青睐可以代替冗长的文字来讲述故事。信息图表，产品照片和其他信息丰富的视觉效果是我们的一些可视化工具。但对于有视觉障碍的用户来说，这些东西并没有帮助。

Alt标签用于为使用屏幕阅读器的视障用户描述您网站上的图片。很容易忘记替代文字描述，但这样做确实会损害可用性。图像除非它们纯粹是装饰性的，应该有周到的替代文字描述。125个字符以内的描述是一种常见的最佳实践，意味着屏幕阅读器可以正确地解释它们。

视频内容在沟通想法方面很受欢迎且有效，但要确保其被正确加上字幕并包含成绩单。对于描述或演示没有音频的动画的动画，可以使用单独的音轨来描述正在发生的事情。

创建表单时要小心

网站通过表单收集我们的信息。约会网站通过表格收集我们的个人详细信息。我们为大学和研究生院填写冗长的申请表（表格）。电子商务网站使用表单在结帐时获取送货和结算信息。您可以放心地假设，如果您输入信息，则表示您正在使用表单。

填写表单可能是一个烦人的过程，尤其是如果它们不是逻辑设计的话。或者当他们感觉像是一片空荡荡的田野。对于那些生活在挑战中的人来说，他们尤其棘手。与图像的替代文字非常相似，数字形式的每个字段都应该有一个描述性标签。屏幕阅读器和其他辅助设备读取这些内容以传达用户所需的信息类型。

选择可读的配色方案

布局不应该被糟糕的调色板混淆。深蓝色文字与类似蓝色阴影的组合将减轻影响，使每个人都难以阅读。选择一起使用的颜色。这对所有用户来说都是一个很好的设计实践，特别是那些有视力挑战的用户。

在实用排版的基础上构建可用性

生僻的字体应该只用作装饰。您的正文内容字体应该既可读又易读。没有人想以古怪的字体阅读大块文本。可读性对于扫描非常重要 - 这通常是我们阅读在线内容的方式。对于那些有视觉障碍的人，有工具和插件可以帮助他们扩大文字。如果字体大小基于像素，则放大文本可能很困难。但如果它们基于ems，它们可以轻松扩展。

许多设计师使用颜色来传达信息，例如通过将项目变为红色来指示错误。但是有视力限制的人，比如色盲，不会看到这些微妙之处。因此，如果你依靠颜色来传达信息，请确保你也用文字解释它 - 特别是在表格中。

可访问的排版需要清晰易读，因此请确保：

1、字符是不同的，所以一个不容易与另一个混淆 - 一个简单的方法来测试这是比较大写字母I，小写字母i，小写字母l和数字1

2、类型样式不复杂，具有清晰的层次结构

3、字体应该有足够的空间，因此字词和字符看起来不会挤压在一起

无障碍设计意味着良好的设计

网站可访问性意味着更好的可用性。消除复杂性并提高可用性，为每个人提供更好的体验。正如有许多工具可以帮助那些有更好地驾驭物理世界的挑战的人一样，有很多方法可以让他们在数字领域的体验变得无缝。