更易访问的网站的6个步骤


介绍

想象一下,你所在的城市正在建造一座全新的公共图书馆。每个人都被邀请参加开幕式,气氛很好。

当大楼第一次向公众开放时,每个人都在欢呼。然后你会注意到,要进入这座建筑,你必须爬上几个台阶。通常情况下,这不是什么大事,但你上周在踢足球时碰巧摔断了脚,现在还打着石膏。

现在,只要付出很大的努力,你就可以爬上楼梯,但你会感到不安,因为真的应该有一部电梯让你很容易到达。如果你坐在轮椅上是不可能进去的!

现在,这在现实世界中不会发生,因为现实世界是由法律管辖的,幸运的是,这些法律强制执行了方便残疾人进入的要求。

然而,数字世界要年轻得多,而且还没有发展得那么快。在某种程度上,当涉及到规章制度时,这是一个狂野的西部。这对所有人都是免费的。没有法律强制开发人员让任何人都可以访问他们的应用程序和网站。

我并不是说应该引入法律来告诉程序员如何工作。我的建议是,作为开发人员,您应该偶尔设身处地为有运动或视力障碍的人着想,尝试使用您自己的产品。

为了让网络成为一个障碍更少、更容易访问的地方,我准备了一个简短的(当然不是决定性的)清单,上面列出了你可以做的事情,以确保你的网站稍微更容易访问。如果我说服你更深入地去挖洞,在结论中你可以找到一个链接,让你更深入地了解如何让你的数字产品接触到更广泛的潜在客户。

建议

  1. 为非文本内容(例如图像)提供文本选择:您附加到网站的所有图像都应使用Alt HTML标记,在该标记中,您可以用简单的英语描述图像的内容。尽量做到描述性。任何访问你的网站的盲人都会喜欢它。下面是一个示例:

<img src="max.jpeg" alt="Cute, grinning Yorkshire Terrier sitting in front of a green tennis ball.">

2.优雅地处理文字大小调整:任何视障人士都必须放大才能看到您网站的内容。您不希望发生这种情况:

你想要的是以下几点,可以通过正确设计你的网站来实现。

确保使用em单位来指定文本高度,而不是绝对单位(px或pt),这样可以在用户增加网站上的文本大小时提供正确的文本比例。

3.不要将图像用于文本(例如,在徽标中):文本的图像不允许正确缩放,因此,您应该始终使用实际文本,然后通过应用CSS样式(字体、颜色、粗细等)正确设置样式。别忘了alt标签。

4.键盘兼容性测试:无论某人是否有鼠标骨折、手臂骨折或永久性身体残疾,他们都应该能够使用键盘浏览您的网站。例如,按Tab键应该允许您在链接和表单元素之间导航。现在测试您的网站,看看是否只需使用键盘即可轻松访问您的网站的所有部分。如果您对所有输入元素都使用标签,那么您的表单将很容易导航。

5.提供你网站上使用的媒体的文字记录:就像图像对看不见的人是不可用的一样,音频对听不见的人也是不可用的。因此,每当您将音频或视频附加到您的网站时,也应该包括文字记录。

6.对比度:这是常识,但要确保你的文本和背景的对比度相当高。没有人喜欢眯着眼睛在白色背景上阅读浅灰色的文字。

结论

世界上有3,900万盲人,他们和你一样喜欢冲浪上网。让我们努力使我们的产品更容易为所有人所接受。您可以在上了解更多信息World Wide Web’s Consortiums website (W3C)