你是会员吗?寄存器登录

在2020年快速提高你的网站可访问性的5个技巧

许多web设计人员和开发人员才刚刚开始理解web可访问性的重要性。经过很长一段时间的关注,这个重要的方面的网站设计在最近几年已经出现在设计思维的前沿。

如果你刚开始学习网站的无障碍,不心疼。因为即使是世界上最大的品牌往往有没有关注它。事实上,在2019一盲人状告多米诺因为他们的网站是不是有读屏软件兼容。而且,理所当然地,他赢了!

网站应该是人人都能访问的。特别是对残疾人来说。作为一个网页设计师,你的工作就是确保你设计的网站能够服务于所有的用户。

在这个时代,对网站可访问性有一个基本的了解对于所有的网页设计师和开发人员来说都是很重要的。继续阅读,我们将帮助你开始。

什么是网站辅助功能?

WCAG和ADA是你在学习网站可访问性时会遇到的两个术语。它们代表网页内容可及性指引(WCAG)及美国残疾人法(ADA)。这些准则为标准,对网站的设计,使它们残疾人使用创建的。

当你让一个网站更易于访问时,你需要密切关注你的设计的许多方面。包括网站代码,你在网站设计中使用的颜色,字体大小,与旧浏览器的兼容性,等等。

制作与网站访问标准网站兼容现在是至关重要的,无论你是一个大公司的品牌或小型企业网站。

它为什么重要?

美国无障碍网页协会的第一起诉讼发生在2017年,并一路打到了联邦法院。这一切都是因为网站与屏幕阅读软件不兼容。

想象一下,对于视障人士来说,无法从网站上订购他们需要的产品是多么令人沮丧。尤其是在疫情大流行的时候,网上购物是唯一安全购物的方式。

让您的网站访问残疾人不只是避免了诉讼,它也对更好地服务客户。

这里有一些快速提示,以测试和改善网站的可访问性。

1.测试你的网站

第一步,以使您的网站访问是运行一个网站审核来查看哪些设计需要的领域还有待提高。

即使你已经使用干净的代码并遵循标准的网页设计指南,您的网站仍然缺少一些重要的元素。如媒体ALT标签是帮助使用屏幕阅读软件时描述的图像和视觉效果。

运行一个网页可访问性测试将帮助你找到这些缺失的元素,这样你就可以开始改进你的网站。

谷歌的灯塔

一个良好的开端是使用谷歌灯塔工具,它可以让你运行一个免费的网站审核。在其他许多方面,它会检查网站的无障碍以及。您也可以使用WAVE工具, 或者ACE辅助工具这只是用于测试网站的可访问建。

2.使用无障碍解决方案

如果你的业务目标受众广泛,最好找到一个更好的解决方案来测试你的网站,而不是仅仅依靠免费的在线工具。

另外,您还需要确保随着时间的推移,随着需求和建议的变化和发展,遵从性。

此外,一旦你认识到需要改善网站上的区域,你就必须聘请网页设计师,用户体验设计师和开发者实现的变化。解决这个更实惠,更快捷,更简单的方法是使用诸如网络辅助工具accessiBe

accessibe

accessiBe可以与您的网站集成,自动扫描和优化您的设计的网页可访问性。它使用一个强大的AI(人工智能)为屏幕阅读器软件改进你的网站内容,优化键盘导航,并调整许多其他用户体验设计元素。

accessibe 2

如果你是一个自由职业的网页设计师或代理,使用像accessiBe这样的服务是一个很好的方法,使你的网站更容易访问快捷。

3.优化网站UX

制作网站时,直到他们通过一波诉讼被打到用户体验设计师的作用往往被忽视,许多品牌和企业。

即使是网页设计师也应该有一些了解用户体验设计(UXD),以确保网站的内容进行了优化,以提供更好的体验。

一些最重要的领域集中在:

  • 导航:清晰的导航是网站至关重要的一部分。当使用新的导航类型,如汉堡包菜单和百万菜单时要注意
  • 文本:找到理想的字体和字体大小,使得在所有平台,设备和浏览器中的文字可读
  • 形式:请确保标签添加到每个领域,使形式更容易
  • 按钮和链接:避免使用图片按钮。并与清晰的文本,颜色,URL链接

4.选择色盲友好的视觉效果

视力障碍及色盲是两个世界上最常见的残疾。但是,设计师还常常忘了自己的网站内容提供给这样的人。

这件事情对你的网站设计选择的视觉效果时,你应该总是考虑。从背景和内容发送到图像中使用的颜色的对比度一切都应该慎重选择,使他们对不同类型的视觉障碍的访问。

例如,一些网站使用的颜色,以此来突出按钮和链接的重要性。对于色盲的人,这些按钮将意味着完全不同的东西。

色盲测试

色盲网页滤镜是一个简单的免费工具,你可以用来预览你的网页,看看色盲的人如何看到你的内容。还有其他工具可以用来优化色盲的内容。

5.使用内容管理系统

您的网站的灵活性也扮演网页易读的作用。有了一个更灵活的网站,它更容易进行必要的修改,以提高网站的无障碍。使用内容管理系统(CMS)是实现这一目标的最佳方式。

WordPress的elementor

例如,CMS软件如WordPress让您轻松定制你的网站,只要你喜欢。随着页面生成器插件,像Elementor的帮助下,你就可以优化您的Web无障碍设计规范,甚至没有写一行代码。

如果可能的话,使用CMS来建立你的网站。它将为您节省大量的钱,否则就会花在web开发机构上。

结论

通过使更多的观众可以访问你的网站,你会不仅让你的产品或服务提供给更多的人,但你也将获得对你的竞争对手竞争优势。而且,你会避免潜在的诉讼,以及节省大量的头痛。