如何快速提高网站设计可访问性的技巧。

许多网站设计人员和开发人员才刚刚开始理解网站可访问性的重要性。长期以来,这个重要的方面已经让网站设计在最近几年出现在设计思维的前沿里。如果您刚刚开始了解网站的可访问性,不要感到沮丧。因为即使是世界上最大的品牌通常也没有注意到这一点。事实上,在2019年,一位盲人起诉了达美乐,因为他们的网站不兼容屏幕阅读软件。而且,理所当然地赢了!

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

在这个时代,对网站可访问性有一个基本的了解对于所有的网站设计师和开发人员来说都是很重要的。

什么是网站可及性?

WCAG和ADA是您在学习网站可访问性时会遇到的两个术语。它们代表了网站内容可访问性指南(WCAG)和美国残疾人法案(ADA)。这些准则是作为网站设计的标准而制定的,以使残疾人士能够访问这些网站。

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

无论您是大公司品牌还是小公司网站,让网站符合网站可访问性标准现在是至关重要的。

它为什么重要?

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

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

让您的网站对残疾人开放不仅是为了避免诉讼,也是为了更好地服务您的客户。

这里有一些快速的技巧来测试和提高您的网站的可访问性。

1.测试您的网站

让您的网站无障碍的第一步是运行一个网站审计,看看哪些设计领域需要改进。

即使您使用了干净的代码并遵循了标准的网站设计准则,您的网站仍然可能缺少一些重要的元素。比如在使用屏幕阅读软件时帮助描述图像和视觉效果的媒体alt标签。

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

如何快速提高网站设计可访问性的技巧(图1)

一个好的开始是使用谷歌灯塔工具,它可以让您免费运行一个网站审计。在许多其他方面,它也检查网站的可访问性。您也可以使用WAVE工具,或者aCe辅助工具,它们只是用来测试网站的辅助功能。

2.使用网站可访问性解决方案

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

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

同时,一旦您意识到网站需要改进的地方,您就必须雇佣网站设计师、用户体验设计师和开发人员来实现这些改变。一种更便宜、更快、更简单的方法是使用像accessiBe这样的网站可访问性工具。

如何快速提高网站设计可访问性的技巧(图2)

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

如何快速提高网站设计可访问性的技巧(图3)

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

3.优化网站用户体验

用户体验设计师的角色常常被许多品牌和企业在制作网站时所忽视,直到他们受到诉讼浪潮的冲击。

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

需要关注的一些最重要的领域是:

导航:清晰的导航是网站至关重要的一部分。当使用新的导航类型,如汉堡包菜单和百万菜单时要注意

文本:找到使您的文本在所有平台、设备和浏览器上都可读的理想字体和字体大小

表单:确保为每个字段添加标签,使表单更容易访问

按钮和链接:避免为按钮使用图像。并使链接具有清晰的文本、颜色和url

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

视觉障碍和色盲是世界上最常见的两种残疾,但是设计师经常忘记让他们的网站内容对这些人来说是可访问的。

当您为您的网站设计选择视觉效果时,这是您应该经常考虑的。从背景和内容的对比到图片中使用的颜色,所有的东西都应该经过精心挑选,以使不同类型的视觉障碍的人都能看到它们。

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

如何快速提高网站设计可访问性的技巧(图4)

色盲网站过滤器是一个简单的免费工具,您可以使用它来预览您的网站,看看色盲的人是如何看到您的内容的。还有其他工具可以用来优化色盲的内容。

5.使用内容管理系统

网站的灵活性也会影响网站的可访问性,有了一个更灵活的网站,就更容易做出必要的改变来提高网站的可访问性。使用内容管理系统(CMS)是实现这一目标的好方法。

如何快速提高网站设计可访问性的技巧(图5)

总结

让更多的人访问您的网站,您不仅可以让更多的人访问您的产品或服务,而且您还可以在竞争中获得优势。而且,您还可以避免很多麻烦,避免潜在的诉讼。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/228364.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2023年2月24日 00:35
下一篇 2023年2月24日 00:36

相关推荐

  • 教你为什么友好的网站设计是移动端必不可少的。

    在规划中不要运用和产品无关的简练、美丽的图片,那样简略引起用户的疏忽。相反,挑选的相片要展示产品的用处,经过超卓的可视化规划捉住用户的吸引力。咱们现在日子的社会离不开移动设备。用户运用移动设备不再只…

    2023年6月15日
    00
  • 我来教你5条最佳网站设计技巧和建议。

    一个成功的网站不仅需要引人注目的风格,还需要精彩的内容。网站的设计不仅要为用户提供专业的知识,同时要让用户了解真个网站的主题。本文列出了5个最佳网站设计技巧和网站设计实例,可以帮助初学者设计一个成功的…

    2023年6月16日
    00
  • 发现社交媒体对网站设计师的真正价值。

    几年前,社交媒体是每个营销人员的常用工具。它应该促进我们的网站设计业务,并提供一个全新的水平,与潜在客户的接触。那么,结果如何呢?诚然,个人在推广设计业务方面并不是weibo、Facebook、Twitter或linkedIn…

    2023年2月22日 SEO操作
    00
  • 适用于网站设计的12个免费字体。

    似乎有成千上万的网站设计字体可供选择,但大部份字体却很少真正适合用于网站设计。 最小和简单的字体为希望整洁易读的网站提供了不错的标题和正文。58%的人在移动设备上访问网站,所以即使是很小的字体也是需要非…

    2023年2月19日 SEO操作
    020
  • 企业网站设计师基本功修炼记。

    现在的互联网设计行业,即使是在校学生,也知道用户旅程地图(CJM)、信息架构、商业画布、价值主张、SWOT分析这些,稍微有点经验的设计师,还会知道Heart、GSM、AARRR、双钻模型、福格模型这类更流行的设计思维模型…

    2023年2月22日 SEO操作
    00
  • 页面设计需先进行商业需求分析

    为何要先了解商业需求分析?因为作为页面设计师,根本目的就是是解决客户在网站上的商业述求问题。直接来说,提升页面功能和用户体验的最终目的为了获得商业利益。所以,在开始页面设计项目前必须先进行商业需求分…

    2022年6月16日
    0123
  • 11世纪90年代令人惊叹的网站设计。

    在过去的20多年里,互联网确实经历了很多。我们已经将网页设计从最基本的Html标记转变为复杂的Javascript,CSS和html5编码。但回忆过去是很有趣,下面就带大家看看90年代的一些网站设计吧,十多年前的设计在现在可…

    2023年2月15日 SEO操作
    01
  • 必须遵循的色彩理论

    配色是网页设计的基础,最基本的还是色彩理论当中的对比、互补和感染: 1、互补:指的是色彩与色彩之间相互补足的关系。处於色轮当中处於相对位置的色彩,以此作为配色方案会比较和谐。最常见的互补配色分别是三元…

    2022年6月25日
    0174

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息