这是我的一部分培根的播客，您可以查看所有剧集或订阅您喜欢的播客播放器。

为什么网站可访问性如此重要?如何实现

我最近采访了Nerd Press的Andrew Wilder在Makin'Bacon播客上，我想强调这部分讨论，因为我认为这是额外的价值。

在面试的这一部分，Andrew Wilder和我讨论了如何访问博主，为什么重要以及您可以做些什么来确保您符合符合要求。

以下是面试中的片段，以及该功能的转录。

这是Andrew Wilder，我不得不说

Jason Logsdon：我想跳进现在人们正在谈论的大事，这是网站可访问性。这几天是一个热门话题，我觉得今天，它肯定意味着与我开始编程的不同，你知道，就像上世纪一样。网站可访问性究竟是什么意思，这几天是什么意思？为什么博主需要关心它？

安德鲁·怀尔德:网站可访问性基本上就是确保你的网站对每个人都有用。所以很多人考虑网站的可用性，也就是让你的网站易于使用。所以你可以很容易地导航。你可以找到你要找的内容或信息，这样别人就能找到食谱。

所以无障碍只是额外的一步，每个人都可以使用它，不管他们有什么残疾。所以，我认为其中一个技巧，当我开始学习这个的时候，我就陷入了这个陷阱，当我们在这种情况下思考残疾时，我们往往会想到它的非常严重的版本。例如，有些人是完全失明的，或者，你知道，他们失去了肢体，所以他们不能使用鼠标。比如严重的残疾，或者说是严重的残疾，对吧?

但残疾实际上在频谱上运行，而且，你知道，这是比例的一端。然后在中间的某个地方，它可能是一个在他们四十年代的人，就像我一样，嘿，嘿，嘿，字体对比实际上像低对比度一样，即使我有良好的视力，也会变得更加困难。你知道，这不是，我不认为这是我生命中的残疾。但是在白色背景上的浅灰色字体真的很难读。和15年前，我可能已经能够读得很好。

杰森：有一些人，现在有一些网站，我读到了我只是喜欢一个控制A来选择所有文本，以便它喜欢抵消颜色，我可以更好地阅读网站。我喜欢，我变老了。我不想承认它，但这使它变得更加容易。

安德鲁：正确的！我有一个小插件，让我覆盖网站上的CSS。如果它是一个网站和访问很多，我实际上我每次访问该网站时都会添加一点点CSS来制作字体黑色。

杰森：你使用的插件的名字是什么?

安德鲁：哦，是的，它叫做风格。这是一个Chrome应用程序。

所以你可以基本上只添加一些，一点点额外的CSS文件并覆盖。当您访问该网站时，他只是记得并应用它。因此，具有可访问性的想法是，基本上是足够长的时间表，我们都将被禁用到某种程度上。随着年龄的增长，我们理解新界面的能力每年减少约1％。

所以，我们想要处理的可访问性是使我们的网站适合每个人。这样做有几个非常好的理由。道德上是正确的事情。这就是大多数人认为它的地方，哦，是的，这是正确的事情。好的，我有时间的时候会这样做。但它扩大了您的受众。所以你让更多人使用你的网站，所以它对您的业务有益。而现在发生了很多诉讼。而且，食物博客空间中有一些非常高调的。因此，诉讼是什么样的照明火，吧？

还有多米诺骨牌披萨的诉讼，前往最高法院实际上是在他们的应用程序上。但他们输了。因此，基本上，有残疾人行为的美国人在互联网存在之前很久。但法院正在解释他们，申请网站，因为他们将网站视为公共实体。

因此，如果一家餐馆必须有斜坡，轮椅坡道或楼梯上的扶手，则需要访问一个网站，也需要兼容。政府没有自己的指导方针。它不像Ada有一份你必须做的事情清单。

有一套称为Web内容可访问性指南（WCAG）的标准，由一个独立的身体，万维网联盟（W3C）推出。WCAG 2.1是当前版本。在此之内，有三个级别的合规性，A，AA，AAA。AA是已接受的标准。因此，如果您符合2.1 AA，您的网站将被视为从合法的ADA透视中访问。

这是一个巨大的身体，你知道，这是一个巨大的主题，我们可以整天去这一点。但基本上，在这些指导方面，有各种标准可以满足。你知道，必须可察觉，它必须可操作，它必须可以理解。

那么，可操作的意思是什么？有人必须能够浏览网站，对吗？所以如果有人不能使用鼠标，他们需要能够使用键盘导航。那么你如何用键盘导航？Web上的标准是按Tab键，能够通过链接标签。因此，每个人都可以转到您的网站，在隐姓埋名窗口中进行，您尚未登录，只需立即按页面键即可加载。它应该选择您的标题并在继续按下标签时选择菜单选项。

一个非常好的网站实际上会出现一个菜单，称跳过导航或跳到内容。因为如果有人使用屏幕阅读器，它实际上是叙述他们正在做的事情，只需收听导航菜单，每次转到一个新页面时，它就会真的很烦人。因此，如果某人按下标签，请跳过内容，他们跳过所有的东西，他们实际上开始听到屏幕阅读器阅读文本。你知道，人们不必盲目地使用屏幕阅读器。愿景有限的人可能会发现它也有乐于助人。

另一个大一个是“alt text”。我们在alt文本上做了一堆会话。也许我会给你一些链接，所以我们可以指导人们。alt文本是照片中的“替代文本”或图像中的“替代文本”。它基本上描述了图像的目的，具体取决于它的使用方式。

因此，2011年，Pinterest正在使用它作为Pinterest描述。所以每个人都像整个Pinterest描述一样，用一堆哈希特写入Alt文本。这实际上是一个巨大的可访问性问题，因为如果您正在使用屏幕阅读器，您将会听那个荒谬的Pinterest描述，在这种情况下，上下文是荒谬的。

而且你知道，如果你，如果你想通过帖子或通过帖子倾听，而且它说，这是最好的巧克力曲奇饼食谱，就像我的祖母一样习惯了，巧克力芯片，最好的巧克力芯片，最好的巧克力片食谱。如果这是在每个图像上，您都不会想要在该网站上。对吧?

杰森：它并没有告诉你图像实际的所有内容。

安德鲁：正确的。因此，对于在博客文章中使用的图像，它被认为是一个信息形象。所以你应该做的是描述图像，就像你对看不到它的人一样。

所以如果它是巧克力曲奇饼，你可以在蓝色的盘子上装满巧克力曲奇饼的盘子或我喜欢的饼干。对吧?或者巧克力饼干，一口咬掉它，显示熔化的巧克力。无论图像的目的如何，这就是你想通过alt文本传达的东西。

我们实际上创建了一个小插件来帮助解决这个问题。我会给这个叫做这个快速插头Alt文本工具。它位于WordPress存储库中，因此如果您只搜索Alt文本工具，您会找到它。这一切都是它输出了在您网站上使用的每个图像的CSV或Excel文件以及当前的Alt文本是什么。您可以真正快速地了解，并查看需要修复哪些。然后我们在同一行中有一个链接来编辑帖子。

如果你有很多事情要做，博客修复器也有一个非常好的服务来帮助你，它给你一个界面，它拉出图像。它给你一个人工智能对图像的猜测，这不是很好，但这是一个开始。你可以用这种方式更快地处理你的图像，而且这是一种付费服务。但这是Chris发明的一个很好的方法。

杰森：好了。谁被起诉了?你说达美乐是其中之一。这是小食品博主们要开始担心的事情吗?谁在起诉?

安德鲁：是的。这是美食博主们需要担心的事情。

即使我知道其中一些公众，我也不会提到姓名，但任何食物博客都可以被起诉。做起诉的人是律师。他们声称代表受伤的人;由于他们不能使用该网站，已经存在损害赔偿。而且真正发生的是这些律师正在发送需求信件说，嘿，我的客户无法使用您的网站。我们将以20,000美元或数量为何解决这个问题。大多数只是寻找快速解决来获得一些现金，但这并不是他们都是他们的。

这是一个非常常见的做法。特别是在加利福尼亚州和纽约发生了很多。问题是：如果你要争取它并将他们带到法庭，那将花费你超过20,000美元，他们知道。所以你将解决的结算谈判到5,000美元，然后让他们离开。

与此同时，您只需编写5,000美元的支票，并没有任何东西。这并不会阻止下一个律师来到和对你做完全相同的事情。所以最好的防御是让您的网站访问。

你不想成为一个轻易的目标。律师和任何人都可以使用扫描工具来查看是否有一些基本的东西是不可用的。比如你缺少alt文本;嘣，你很容易成为目标。如果你的键盘导航不工作。如果你的字体对比度太低。如果你不强调链接。有些大的东西实际上很容易改变整个网站。如果你连这都做不到，那你现在就是个大目标。

杰森：你说整体文档可以在哪里提供，那种将其铺设出来。但是有一个很好的清单，那种沸腾了博主需要做些什么来保护自己，让他们的网站对每个人更可读？

我读了很多W3C的东西，对食物博主来说并不总是最人性的可读性。

安德鲁：我正在努力记住。我在另一家公司的博客文章中看到了一份清单，这非常好，但它正在逃脱我的博文。所以，如果我能发现我们会在节目中得到它。

杰森：完美的。

安德鲁：Wuhcag.com还具有快速参考，这比实际指南好一点。所以这是一个很好的开始。

另一个伟大的工具是wave.webaim.org的波辅助性测试工具（波）。因此，这是一个小工具，将扫描页面和错误上的页面和标志警告。像这样的自动化工具只会捕获大约20或30％的问题。所以要意识到它不是全部，最终。但是，检查像缺少alt文本，颜色，对比问题的东西和类似的东西是一个很好的工具。

所以，除此之外，我建议每个人都获得专业的网站审计。我们不进行审计，所以我对此没有任何兴趣。我们在我们的网站上有一些专家有一张推荐页面。如果你去Nerdpress.net/experts，我们就有一些我们真正喜欢那里的人。

如果你做了审计，确保你得到的审计有一个路线图来解决所有这些问题。你不会希望有人给你一份审计报告说我们在你的网站上发现了2000个错误，然后雇佣我们吧。对吧?

你想要的是有人说，嘿，我们发现了这些错误。这里是修复，将是网站范围。以下是您需要修复的内容，因为它是相关的。然后你可以雇佣那个人，或者你可以雇佣其他人或者你可以自己做，但是这样你就可以进行审计，这对你很有用。