| (转载：www.idcew.com) 浏览网页应该是一个无痛的过程。你访问一个网站，逐页浏览，找到你想要的，然后继续前进。问题是，不是每个人都能以同样的轻松程度浏览网站。为了帮助他们有一个好的体验，你需要在设计你的网站时考虑到可访问性。
增强的可访问性意味着有精神和/或身体挑战的人应该仍然能够浏览您的网站并使用其各种功能。这需要做一些额外的工作，但作为回报，你会得到更广泛的受众，而不必担心疏远你的一些访问者。
在本文中，我们将更多地讨论什么是网络可访问性以及为什么它如此重要。然后我们将复习三个快速技巧来确保你的网站尽可能容易接近。我们开始工作吧！
什么是网站可访问性(为什么它很重要)？
你的网站越容易访问，越容易被更多的人使用。这甚至适用于残疾用户，他们可能无法像其他人那样与网络互动。
例如，考虑视觉障碍。如果你很难阅读小字，浏览一个文本丰富的网站就变得相当困难。这也是大多数浏览器自带缩放功能的原因之一:
Using Chrome's zoom feature.
缩放功能使您能够动态调整文本大小，因此您仍然可以享受内容。这使得它成为一个无障碍功能的完美例子。
对于网站所有者来说，高度的可访问性意味着你不会留下任何潜在的受众。通过增加可访问性，你让你的网站更容易被每个人使用，这对他们和你都是一个积极的方面。
此外，在一些国家，你是法律要求确保残疾用户可以访问您的网站。在过去的几年里，有大量的网络无障碍诉讼。这意味着当涉及到可访问性时，积极主动不仅对用户友好，而且可以保护您免受诉讼。
如果你想评估你的网站当前的可访问性水平，我们推荐使用几个工具。这A11Y项目回顾了几个可以测试的关键辅助功能，以及动态映射器向您报告您的网站有多友好。
如果你的网站在可访问性方面得分不高，不要担心。您可以实施一些简单的更改来进行一些改进。
提高网站可访问性的3个快速技巧
谈到网站的可访问性，两个关键因素是可读性和导航性。在接下来的几节中，我们将讨论针对这两个方面的三个技巧。
1.为您的网站文本运行重新调整测试
正如我们前面提到的，大多数现代浏览器都包括内置的缩放和文本重新调整功能。这意味着用户可以随时调整你网站的文本大小，而不需要你做任何其他事情。
然而，你需要测试你的网站，以确保当用户重新调整它的文本时，它不会以任何方式被破坏。例如，较大的字体大小可能会导致元素重叠，使您无法浏览页面。您的部分文本甚至可能会消失或变得不可读。
如果你的网站开始在更大的字体上出错，这意味着你需要调查提高其响应能力。一个反应灵敏的站点应该工作正常，并且在所有分辨率和屏幕尺寸下都是可读的。你的网站响应越快，对移动用户和从可访问性的角度来看，它就变得越好。
2.确保您网站的按钮易于按下
我们浏览网站的主要方式之一是通过按钮。你按下一个按钮，移动到另一个页面——这很简单，或者至少很简单应该是的。然而，一些用户将很难操作鼠标或轻敲屏幕。
绕过这个问题的最简单方法是避免使用太小的按钮或其他交互元素。至于什么构成“太小”，则网络内容无障碍指南(WCAG)建议最小尺寸为44×44像素每一个按钮。
它没有那么大，但足够大，没有人会有任何问题与它互动。所以一个简单的解决方法是浏览你的网站，确保你的元素没有一个小于推荐的大小。
如果你想安全起见，我们建议你坚持使用大的、易于按下的按钮。一些额外的像素不会损害你网站的美观，但是它们将使导航更容易。
3.尝试仅使用键盘导航您的网站
如果你的鼠标坏了，那么你知道只使用键盘就可以浏览大多数网站。或者，至少，它应该如果你的网站建设得当，这是可能的。
使用键盘，您可以使用标签钥匙。在Chrome中，浏览器会高亮显示您使用时打开的任何元素标签四处
使用导航网站标签按键和键盘箭头可能不是最快的方法，但是对于有各种身体困难的用户来说，它很有效。
为了让这些游客的生活更轻松，你可以添加CSS样式突出显示页面上的元素。这样，无论它们在按压后停留在哪个元素上标签会很明显
对于大型和文本密集型页面，您可能还需要添加一个目录。这样，用户就可以跳到他们想要的部分，而不必跳过几十个链接。
结论
当出现以下情况时，可访问性可能不是您最关心的问题建立你的网站。很容易专注于设计功能丰富的漂亮页面。然而，用户体验是任何伟大网站的关键，这意味着要考虑所有不同类型的用户。
有很多方法可以确保你的网站是高度可访问的，这三个技巧是一个很好的开始:
为您的网站文本运行重新调整测试。
确保你的网站按钮容易按下。
请尝试仅使用键盘导航您的网站。
(转载：www.idcew.com) |
