石家庄设计网站:视障人士可以访问您的网站吗?

2019.06.03 石家庄设计网站

76

在设计网站时,重要的是要考虑到所有潜在的访问者。这包括视力受损者?那些患有以下疾病的人。色盲, 低视力甚至完全失明。

而只有美国政府网站被要求遵守第508条在“康复法”中,许多大型美国零售商开始效仿-特别是在塔吉特被起诉要600万美元(美元)。因为有一个视障者无法进入的网站。

石家庄设计网站在改善视障网站的可访问性时,首先要考虑的是受损程度。你的网站是否适合色盲、低视力、部分失明甚至完全失明的用户?幸运的是,有几个在线工具和软件可以帮助您的网站更容易访问。

色盲

研究表明,大约8%的男性和1%的女性患有某种色盲,而红-绿色盲通常就是这种情况。毫无疑问,使用红色和绿色作为主颜色组合可能会导致色盲用户的可访问性问题。但是,您还可以做其他的事情来改善他们的用户体验。因此,在开始去饱和站点之前(移除颜色),首先保存站点的当前工作,然后尝试以下操作:

石家庄设计网站确保适当的颜色对比-一些设计师认为,改善网站的色彩对比度意味着,他们被限制在一个黑白配色方案。不是的。它简单地意味着,您使用的颜色应该通过颜色分析器,并测量亮度差异,色差和对比度。

不要只依赖颜色编码-设计师采用使用颜色识别网站元素的做法,如按钮、菜单、链接和文本。尝试包括图标或下划线文本,以区分您的网站的各种元素。

推荐工具:

  • 检查色差

    -此工具将告诉您前景颜色和背景色组合是否符合第508节、WCAG AA和WCAG AAA标准。
  • 色盲网页模拟器

    -在此工具中输入网站的网址,查看该页面对色盲者的外观。

低视力

石家庄设计网站选择字体样式和大小,以确保可读性,可能是设计过程中最重要的因素。有几个有用的屏幕放大镜(放大镜虚拟放大镜)和可访问性工具,如设计人员,一个残疾模拟应用程序,创建一个可视化的网页如何看那些低视力和完全失明的人。但是,您还可以在站点上实现更多的步骤,以提高低视力用户的可访问性。

避免或限制添加低分辨率图像和文本图像-低分辨率图像通常用于改善网站的加载时间,这是很好的,但有时图像可能会极度扭曲和模糊,如果他们的尺寸过大。对于使用屏幕放大镜工具的人来说,图像上的文本也很难查看。

不要使用滚动、闪烁或动画文本-想象一下,试着读一些从左向右滚动的东西,非常快,不停地闪烁,或者正在经历一次蜕变。这很难跟上,对吧?现在想象一下,当你的视力受损时,你会阅读那篇文章。

前加载内容-对网页开发人员来说,前端加载不是一个特定的方向或术语。这是一种描述最重要信息或要点的写作方法。这种写作练习可以帮助读者轻松地浏览网站上的内容,并决定他们是否想继续阅读,这当然是你希望他们做的。此外,在您的网站上的前端加载内容可以更容易地由使用屏幕放大镜的人管理。

显然,您设计的各个部分是分开的-将你的内容分解成易于扫描的部分,并显示正文内容和侧栏内容之间的差异也很重要。使用适当的标题标记可以使所有站点用户更容易地阅读您的页面内容。它还简化了使用屏幕阅读器的站点访问者的导航。还添加边框,背景色,标题,内容,链接,间距,图标等。还有更大的文本。使用较少的图形,并为您所使用的图像和表提供ALT文本。

使用易于阅读的字体-像Verdana、Arial、Helvetica和Tahoma这样的字体非常清晰,仍然相当时尚。

部分盲与全盲

低视力用户使用的大部分设计过程也适用于部分盲用户。然而,对于那些完全盲目的设计过程,还有更多的组件需要考虑。

验证HTML编码-这将有助于减少网页浏览器和屏幕阅读器误读网站内容的可能性。

添加标题标签和Alt标签-这些元标签将帮助屏幕阅读器区分每一页的主题及其上的图像。

使用更少的图形-使用较少的图形有助于加载时间,因此该组件帮助所有用户,而不仅仅是有视觉障碍的用户。


最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP