唐山高端网站设计:视障人士的网页可及性

2019.06.14 唐山高端网站设计

194

Web设计人员的工作和生活遵循一系列公认的最佳实践:始终使用响应性设计,留出足够的空白,保持字体和颜色方案与客户的品牌一致。然而,当你认为你对最佳实践的了解可能是完全错误的时候,就会有一些利基实践。这可能适用于以下情况:可达性以及针对视障人士的有效网页设计。

唐山高端网站设计在阅读这篇文章之前,你可能还没有考虑过这个群体。然而,让每个人都能接触到网络体验不仅是传播你的信息的一个重要部分,而且也使这个世界成为一个更好的地方,让那些与某种缺陷作斗争的人生活在一个更好的地方。

视力障碍也比你想象的更常见。据估计,4.5%的人口患有色盲,4%的人与低视力作斗争,0.6%的人在法律上失明。视觉上的困难很常见,所以在进行网页设计时,它们是值得考虑的。

“粉碎杂志”的一位作者估计,大约10%的在线用户会从更容易看到的设计中获益。考虑到随着年龄的增长,视觉障碍可能会影响我们所有人,这似乎是一个合理的假设。

最常见的视觉损伤类型

在为视力受损者设计时,重要的是处理最常见的损伤类型。这些措施包括:

  • 色盲

    ..最常见的视觉损害类型,这会影响一个人辨别颜色的能力。一个色盲的人也可能对颜色亮度敏感.


    唐山高端网站设计

  • 低视力

    ..这涉及到任何人与敏锐(清晰),隧道视力,混浊视力(如白内障),或部分视力在一只或两只眼睛。


    Low vision

  • ..一个人可能在法律上是盲目的,但仍然能够分辨出颜色和形式。它涉及到双眼功能的严重丧失。

视觉障碍设计

首先,重要的是要注意,视力受损的人对网络的看法是不同的。对于色盲、低视力或合法失明的人来说,获取和解释特征可能有明显的不同。在某些情况下,您的网站的设计可能会使您的网站无法使用的人有视力障碍。

接下来,要知道在某些情况下,法律要求你让所有人都可以访问你的网站。有两项任务:第508条适用于公共部门,WCAG 2.0适用于私营部门。

如果你是一个政府机构,承包商,或分包商,你可能有责任遵守这些规则,根据第508节。前者是一项法律授权,后者则不是。然而,坚持WCAG确保您的用户有平等的访问您的网站。

色彩对比

WCAG下最重要、也是最简单的建议之一是适当的颜色对比。根据WCAG,在颜色对比方面有三个不同的一致性级别:

  • 答:

    极小
  • AA:

    中程
  • AAA:

    最高值

大多数网页设计师对可访问性感兴趣,因为它吸引了大多数人。AA标准是前景(图像和文本)与背景之间的4.5比1的比例.看看一个例子4.5:1的比率作为参考。

调整您的颜色对比是一个简单的方法,以提高易用性的视觉障碍。对于那些需要更多对比度的人,可以考虑在您的设置中添加一个可以进一步提高颜色对比度的功能(Twitter最近在一次更新中这样做了)。

不要太依赖颜色

唐山高端网站设计虽然色彩对比很重要,但同样重要的是不要使用颜色作为“传递信息的唯一视觉手段”(WCAG准则1.4.1)。另一种方法是,为那些与色盲作斗争的人提供一个备用的视觉指示器。

这听起来像是一个简单的修复,但当您试图找到空白和内容的正确组合时,这可能会很困难。当你试图保持用户界面不受干扰,找到平衡可能需要一些尝试和错误。

一个很好的例子是表单错误。在提交表单时传递错误时,通常使用红色文本。然而,色盲者可能需要另一个视觉提示,例如错误图标或弹出文本标签。


通过GetBootstrap.com

类似地,超链接是蓝色的,这意味着文本确实是一个链接。然而,许多下划线链接会影响您的用户体验。另一方面,博尔丁是一个很好的辅助指标,不会让你的页面乱七八糟。

注意媒体

视频内容在无障碍方面提出了独特的机会和挑战。一方面,视听内容可以使有视力障碍的人更容易访问网站。另一方面,视频可能会使患有光敏障碍的人更有可能发生癫痫发作。WCAG有一些针对媒体的指导方针,其中包括:

  • 为“以时间为基础”的媒体提供替代方案。

    对于那些有视觉处理问题的人来说,动画标题和文字可能太难消化了。
  • 天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果给所有用户足够的时间阅读内容

    ..在前面的示例中,您可以编写动画标题以在鼠标经过时停止。这将使文本静态且易于消化。
  • 极限闪烁

    ..那些容易癫痫发作的人,如果每3秒看到一次以上的闪光,就会经历一次癫痫发作。当使用视频时,避免过度闪烁(这在视觉上对大多数人没有吸引力)。

纹理实验

如前所述,颜色并不是向视障者传递信息的最佳方式。色盲用户往往发现很难区分不同的颜色。例如,对于色盲的人来说,红色、绿色和棕色的颜色可能是一样的。

当你在图形或图表上使用颜色时,将图案叠加到实色上可以给你的用户一个更好的方法来区分网站的不同部分。这比那些色盲的人更适用;它使每个人都可以访问该网站。交替纹理,以创造更多的元素之间的对比-例如,尝试检查打印,对角线,钻石,和垂直线。

尝试单色配色方案

唐山高端网站设计

就像听起来一样,单色配色方案依赖于相同色调的不同色调。这听起来违反直觉,但它的工作方式是删除与使用多色调相关的额外含义。

色调的变化可以为你的网站元素提供意义,并吸引用户的注意,就像它会有不同的颜色一样。作为额外的奖励,这一用户的注意力将跨越更广泛的选择你的观众。响声嗡嗡使用对比度、单色配色方案和纹理。以获得更大的可访问性效果。

可访问性在用户设计中的重要性

Importance-of-Accessibility
通过交互-Design.org

你的网站只和它的可访问性一样好-这意味着它可以被任何用户访问,在任何地方。我们经常把无障碍与残疾等同起来,但在任何情况下,任何时候,每个人都可以访问一个好的无障碍网站。对于一些人,比如政府承包商来说,网页设计中的可访问性是一项法律义务。

唐山高端网站设计对我们其他人来说,这是道德的。无障碍不是关于残疾或损伤的,而是关于人的。设计师必须接受这个概念。让网络成为每个人更好的体验。这些技巧将帮助您开始您的下一个网页设计项目与可访问性在脑海中。欲了解更多信息和进一步指导,天线宝宝第一高手论坛-tt538天线宝宝开奖结果-天线宝宝论坛精选资料专区-天线宝宝论坛开奖结果请参阅WCAG2.0指南。


最新案例

联系电话 400-6065-301
赚钱高手两组三中三-三中三复式计算公式-三码中特全免费公开码 本港台现场报码直播j2-本港开奖结果现场开码-本港台现场搅珠直播 正版管家婆一句赢大钱-www管家婆27735com-管家婆小鱼儿论坛心水 九龙心水三肖永不改料-九龙心水525757com-九龙老牌图库彩图大全 澳门123696com开奖结果-626969cc澳门资料大全-2021澳门合彩开彩结果