可访问性的秘密好处。第一部分:提高可用性






3.54/5 (14投票s)
2005年2月14日
7分钟阅读

25091
Web 可访问性有很多好处,以至于我真的想知道为什么有如此多的网站的可访问性如此糟糕。
引言
Web 可访问性有很多好处,以至于我真的很好奇为什么有如此多的网站的可访问性如此之差。主要好处之一是提高可用性,根据可用性专家 Jakob Nielson 的说法,这可以使网站的销售/转化率提高 100%,流量增加 150%。
这时你肯定会问:“所以如果我让我的网站可访问,它的可用性就会提高,我也会从中赚更多钱?”嗯,并非如此。可访问的网站不一定会更易于使用,但它们之间存在许多重叠的领域。
1. 描述性的链接文本
视力障碍的 Web 用户可以通过从一个链接跳到另一个链接并收听链接文本的内容来浏览网页。因此,可访问网站中的链接文本必须始终对其目标具有描述性。
同样,视力正常的网络用户也不会逐字阅读网页,而是会扫描它们以查找他们想要的信息。
诸如“点击此处”之类的链接文本的可访问性和可用性都很差,因为无论是视力正常的还是视力障碍的网络用户扫描段落时,都无法从该链接文本本身获得任何含义。有效描述其目标的链接文本更容易扫描,并且可以在不阅读其周围文字的情况下理解链接的目标。
2. 分配给表单输入的提示文本
为了使表单可访问,我们需要将提示文本分配给其表单项。这尤其适用于复选框和单选按钮,因为文本也可以点击。复选框和单选按钮很小,即使是手最稳的人也难以精确点击,因此通过增加可点击区域,每个人都能受益。
3. 将大量信息进行划分
有许多技术可以提高视力障碍用户的可用性,他们必须收听页面上的信息并尝试记住它。通过将信息分解为小型、可管理的组,可以提高这些用户的可用性。
实现这一目标的方法包括使用副标题来分隔正文内容,使用 fieldset 命令将表单项分组,以及使用列表。分解信息组对于视力正常的网络用户来说显然也非常有用,因为它极大地增强了我们快速扫描屏幕的能力。
4. 提供站点地图
站点地图可以成为视力障碍用户有用的可访问性工具,因为它们提供了一个清晰的链接列表,指向网站上的主要页面,中间没有任何无关内容。当然,站点地图对所有人都有用,因为它们为我们提供了一种快速查找页面的方法,并帮助我们可视化网站的结构。
5. 简单易懂的语言
从可访问性的角度来看,这一点对于有阅读和/或认知障碍的人以及母语不是你所写语言的网站访问者来说很重要。从可用性的角度来看,它对每个人都有帮助。在计算机屏幕上阅读会让眼睛疲劳,并且比从纸上阅读慢大约 25%。因此,写作风格越简单,网站访问者吸收你智慧之言就越容易。尽可能缩短句子。使用“应用”而不是“提出申请”或“使用”而不是“加以利用”。
6. 一致的导航
在页面之间保持一致的导航对于最大限度地提高有阅读和/或认知障碍的人的可访问性也很重要,但同样,所有人都能从中受益。每次访问新网站时,都需要几秒钟来适应该页面的独特布局和用户界面。试想一下,每次点击链接到新页面时都必须这样做!
通过在整个网站上保持一致的界面,我们可以立即找到导航和页面内容,而无需四处寻找。实际上,大多数网站在大多数页面上都有一致的导航。违反此准则的主要罪魁祸首是主页,某些网站的主页结构与网站的其余部分有很大不同。通过在整个网站上保持一致的界面,我们可以立即找到页面内容,而无需四处寻找。
7. 无需通知的弹出窗口
对于使用屏幕阅读器的网络用户来说,弹出窗口可能是一个真正的可访问性障碍。屏幕阅读器会朗读其他窗口之上的任何窗口内容。弹出窗口会覆盖在主网站之上,因此总是会首先被朗读出来。对于视力障碍用户来说,这可能会令人沮丧,因为他们可能没有意识到他们听到的不是“真正”的网站。
因此,弹出窗口对可访问性不利。至于可用性,我敢肯定你和我一样讨厌弹出窗口。许多工具栏,例如Google 工具栏,现在都附带弹出窗口拦截器,可以让你在没有新窗口弹出窗口的烦扰的情况下浏览网页。
8. CSS用于布局
CSS-基于的网站通常具有更高的内容与HTML代码的比例,因此对屏幕阅读器和搜索引擎更具可访问性。使用CSS进行布局的网站也可以使车载浏览器、WebTV 和PDA等设备可访问。不要低估这一点的重要性——仅在 2008 年,预计就有5800 万台 PDA 售出(来源:eTForecast)。
除了提高可访问性外,CSS-基于的网站还有一个巨大的可用性优势:提高下载速度。宽带的普及程度不如你想象的那么普遍。例如,在英国,只有四分之一的网络用户接入了宽带(来源:英国国家统计局),因此提高网页的下载速度可能会为你提供比竞争对手更大的可用性优势。
9. 提供音频字幕
有一类有特殊可访问性需求的网络用户很少受到关注,那就是听力障碍用户,他们需要音频内容的书面等效内容。提供字幕实际上对所有用户都非常有益。你的许多网站访问者可能懒得等待你的 3MB 音频文件下载并开始播放。他们可能更喜欢快速了解音频内容。
通过提供字幕,并按副标题划分,突出关键术语,非残障的网站访问者可以快速浏览它并大致了解内容。然后,他们可以做出更明智的决定,是否要等待 3MB 音频文件下载。
10. 避免屏幕闪烁和移动
一些癫痫症患者在浏览网页时必须小心避开 2 到 55 赫兹之间的屏幕闪烁。有阅读和/或认知障碍的用户以及使用屏幕放大器的用户将难以跟上滚动文本(如果你有滚动文本,请务必提供停止它的机制)。
除了对可访问性不利之外,闪烁和滚动文本对可用性来说都不是好事。前者可能会分散注意力,当你试图阅读某项内容时,却看到眼角闪烁;后者也不好,因为你必须等待内容慢慢出现。当你看到滚动文本时,你通常会停下手中的事情,以便边看它边逐渐出现吗?还是会忽略它?
滚动或更改文本的另一个缺点是,你可能会看到想要点击的内容,但在你知道之前它就消失了。现在你必须等 30 秒才能再次出现!
结论
由于 Web 可用性和 Web 可访问性之间存在如此多的重叠,因此没有借口不在你的网站上实施基本的可访问性。除了道德论证之外,还有许多理由让你的网站具有可访问性,其中一个主要原因是它的可用性将得到提高。没有人会反驳这一点。