了解可访问性，Web设计师指南_极简慕枫

可访问性是每个Web设计者以不同方式解释的概念。这就是为什么我们在可访问性方面看到了很多不同的网页设计。万维网联盟（W3C）在其Web内容可访问性指南（WCAG 2.0）中将其定义为“让残障人士更容易访问网站的过程。”在这篇文章中，我们将尝试解释这个简单定义如何延伸到网站的内容以及每位设计师如何看待它。此外，我们将讨论一些可以帮助网页设计师清楚了解这一概念的事情。

为什么这很重要

网络基本上是为每个人服务的。无论他们的硬件，软件，语言，文化，位置或身体或心理能力如何。如果一个网站能够完成这项任务，我们就会说具有各种听力，运动，视力和认知能力的人都可以使用它。它减少了身体残疾对网络的影响，因为它消除了许多人在物理世界中面临的沟通和互动的障碍。

让我们深入研究一下创建可访问网页设计的一些好方法：

开始标记图像和链接

这是标记Web设计中存在的每个图像和链接的最佳实践之一。视障用户可能无法从未标记的图像中获取任何信息，也可能无法在上下文中遇到链接。最终，它是针对每种类型用户的用户友好型实践。北京响应式网站制作

图片

一张图片胜过千言万语，是一句名言。它在网络上意味着很多其他品质。与图像元素相关联的许多属性为视障用户提供了大量必要信息。

例如，考虑'alt'属性，它提供显示图像的替代文本。例如：如果“迪士尼”的网站在每个网页的顶部使用图像作为其徽标，则屏幕阅读器（视障用户浏览网站时使用的工具）如果您将alt属性设置为空，则会显示“图像” 。但是，如果您是将可访问性视为良好设计实践的设计人员，则会在图像标记中将alt属性设置为alt =“Disney”。因此，使屏幕阅读器能够阅读“图像：迪士尼”。

在链接中添加更多信息

屏幕阅读器用户有几种方式来处理和处理网站中的链接。首先，有页面的上下文，然后有一个页面上所有链接的列表，最后但并非最不重要的是通过链接标签并跳过它们之间的内容。

例如，不考虑可访问性的设计将代表屏幕阅读器的链接为“Click Here”和“More”。这将脱离背景，对视障人士来说意义不大。但是，如果您在链接中添加含义文本，例如“点击此处进入抽奖活动”或“了解有关AppleCare的更多信息”，那么视障用户将更容易访问。

您可以使用title属性向链接添加更多信息。title属性可以更好地描述链接将引导用户的位置。值得注意的是，并非所有的屏幕阅读器都会自动读取标题属性，因此必须同时使用这两种方法才能使链接更有用。

使用正确的标签来完成正确的工作

设计人员通常会使用特定标签，因为它有助于以他们想要的方式显示内容。例如，设计者可以使用H1（html中的1级标题标签），因为它适合网站的布局和设计，无论文本在整个内容中的位置如何。将标签用于特定目的非常重要。如果需要段落，请使用P标记。如果需要项目符号列表，请使用UL标记。如果您希望文章的第一段是大型粗体，请使用CSS来设置样式。不要使用标题标记只是因为它使文本看起来像你想要的那样。屏幕阅读器会通知用户他们遇到的元素类型。当屏幕阅读器遇到H1时标签它将宣布：“标题级别1.”表格和表格等元素需要特殊标签，以便屏幕阅读器正确解释它们。

北京响应式网站制作