大家好,今天在本文中,我们将讨论一些提高商业网站可访问性的方法。 所以继续阅读。
最近的一项研究表明,全球至少 15% 的潜在客户有某种形式的残疾,因此让任何人都可以访问您的网站是一项商业利益。 然而,最关键的部分是,通过限制残疾人访问您的网页或应用程序,您在不知不觉中歧视他们,侵犯了他们的道德和人权。 因此,互联网可访问性意味着确保残疾人可以轻松使用所有在线内容。
如果您的企业在美国开展业务,则意味着您的网站应符合 ADA 要求(美国残疾人法案)。 违反这项法律可能会给公司造成 15,000 至 100,000 美元的罚款,这还不包括解决问题所需的金额。 这就是为什么要跟踪 网站 可访问性对您的业务至关重要,我们将在下面详细告诉您如何提高企业网站的可访问性。
什么是站点可用性以及如何检查它?
可用性是指以残疾人可以使用的方式设计网站。 这意味着他们在信息感知、界面导航和交互方面拥有平等的机会。 以下是您应该考虑的网站可用性的主要特征:
- 颜色对比;
- 语音识别;
- 支持屏幕阅读器——为盲人和视障人士发声;
- 逻辑简单的导航;
- 大型控件;
- 自定义内容的能力——例如,增加字体大小。
传统上,网站和应用程序的用户体验是在有听觉、视觉、语言、认知、神经和身体问题的人使用它们的背景下讨论的。 然而,互联网可访问性也有利于残疾人:
- 智能手机、智能电视和手表以及其他小屏幕或不同输入模式的设备的用户可以轻松浏览网站;
- 身体能力下降的老年人可以从中受益;
- 有暂时问题的人,例如手臂骨折或眼镜丢失,可以使用一些功能来浏览网站;
- 受环境限制的用户,例如强烈的阳光或处于无法收听音频的环境中;
- 人们使用缓慢的互联网连接。
因此,网站的可用性不仅应该由国家门户网站的开发者考虑,这是法律要求,而且每个在互联网上工作的人都应该考虑。 还应解决可访问性问题,因为它为企业带来了物质利益。 例如,它允许将受众扩大到具有永久和临时限制的人,激发用户体验领域的创新,并通过支持多样性和包容性来发展品牌。
提高商业网站可访问性的 5 种方法
让您的网站对残疾人更容易接近不仅是为了避免诉讼; 还有关于改善您的客户服务。 以下是一些测试和改进网站用户体验的技巧:
1. 测试您的网站
使您的网站平易近人的第一步是进行审核,以查看设计的哪些领域需要改进。 即使您使用干净的代码并遵循标准的网页设计指南; 您的网站可能仍然缺少一些重要元素。 例如,在使用屏幕阅读器软件时帮助描述图像和视觉效果的替代媒体标签。 运行可访问性测试将帮助您找到那些缺失的元素,这样您就可以开始改进您的网站。
2.优化网站用户体验
许多品牌和公司在构建网站时经常忽略用户界面的作用,直到他们受到一波诉讼的打击。 即使是网页设计师也需要对用户体验设计(UXD)有所了解,以确保优化网站内容以提供最佳用户体验。 需要关注的一些最重要的领域是:
- 导航:清晰的导航是网站的重要组成部分。 使用新的导航类型时要小心,例如汉堡菜单和大型菜单;
- 文本:找到完美的字体和字体大小,使您的文本在所有平台、设备和浏览器上都可读;
- 表单:不要忘记给每个字段添加标签,使表单更易于理解;
- 按钮和链接:避免使用图像作为按钮。 使用明文、颜色和 URL 创建链接。
3. 为视障人士选择视觉效果
视力障碍和色盲是世界上最常见的两种残疾。 但是设计师经常忘记让这些人理解他们网站的内容。 在为您的网站设计选择视觉元素时,您应该始终考虑这一点。 从背景和内容对比到图像中使用的颜色,一切都必须经过仔细选择,以使它们能够适应不同类型的视觉障碍。 例如,一些网站使用颜色来强调按钮和链接的重要性。 对于色盲的人来说,这些按钮将意味着完全不同的东西。
4.指定替代文本
许多人忽略了非文本元素的替代文本等重要细节。 它允许视障访问者解释这些块及其内容。 始终为信息项编写替代文本。 一个例外只能是不带有任何附加信息的装饰块。 这些包括补充链接或背景图像的图标。 否则,为 IMG 元素填写 alt 标签,以便屏幕阅读器可以读出它们。 或者,使用 aria 属性来提供附加信息。 例如:
- 如果元素的角色不明确,则使用 role 属性;
- 编写属性以赋予元素额外的含义或语义;
- 指示元素状态。
如果你想完全隐藏屏幕阅读器的装饰元素,你可以在 HTML 元素上使用 aria-hidden=”true” 属性。
5. 简化导航
如果您的网站有不正确的标签索引,没有鼠标的用户将被拒绝访问某些元素。 这将使导航变得困难。 使用选项卡索引全局属性将焦点添加到需要的元素。 对于不应通过键盘访问的块,可以使用 tabindex=”-1″。 另外,请确保交互元素具有大纲属性功能,否则,用户将无法看到当前焦点所在的元素。
通过让更多的受众可以访问您的网站,您不仅可以让更多人使用您的产品或服务,而且您还将获得超越竞争对手的优势。