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