无障碍网页设计方案

2018-04-16 大咖分享 阅读 (243)

世界上约有2200万成年人因各种原因导致视力受限,网页设计师的目标应该是消除妨碍残疾人充分利用网站所有功能的障碍,这为每个人创造了一个平坦的互联网环境,以便每个人轻松浏览正规页面。


让网页设计可访问的理由

创建一个每个人都可以访问的设计是很重要的,原因很多。在某些情况下,您可能会被法律要求为有障碍的人提供辅助功能。例如,这是政府网站所要求的,但也可能适用于其他类型的网站,即使没有法律强制要求让您的网站可访问,但对于企业而言,这既符合道德规范又非常明智。


被禁用的用户占网络用户的10%到20%。但是,如果将包括色盲等轻微损伤的人群包括在内,这个数字可能会更高。当您的设计不提供alt标签或使用更易于关注的尺寸和颜色时,那些视觉障碍的人尤其面临真正的挑战。


无障碍标准

万维网联盟(W3C)为残障人士提供了一套可用性标准,称为无障碍网络倡议(WAI)。设计包含的一些理念包括帮助服务器端脚本技术,文本文本和闪存技术。


无障碍


限制

在设计一个网站时,请记住即使是小事情也可能会有很大的不同,例如,如果只能通过移动鼠标并点击链接来浏览网站,这对视障用户和有移动性问题的用户都会带来挑战。


图像源

处理视觉障碍时,甚至背景和文字之间的颜色对比也可以发挥作用。色盲是一个例子。如果该人遇到蓝色阴影的问题,那么典型的蓝色超链接结构可能会出现问题。幸运的是,许多工具可以让您确定网页内部和外部CSS的外观,检查不同类型的色盲(如红/绿色缺陷)并通过色盲模拟器查看网站。


多媒体内容

您是否考虑过您的网站上的多媒体内容如何为听力和视力受损的人士播放?对于大多数网站来说,为听力受损用户标注视频从来没有出现过。但是,这样做可以使视频更适用于这些网站访问者。


移动响应

在某些行业,特别是那些迎合无障碍挑战者(如医院)的机构,您必须确保移动用户可以轻松访问站点以获取信息。例如,在紧急情况下,一个小组中的一个人可能想要拉起最近的医院并访问您的指示,而不必找出解决任何无障碍问题的方法。


确保您的网站尽可能具有移动灵敏性的一种方法是保持设计简单,为任何多媒体添加文本元素,并将导航保持为基本功能。


访问网站时遇到的问题有很多。其中一些包括:

低对比度如前所述,这为视力障碍患者带来了问题。但是,即使没有视觉障碍的用户也可能发现低对比度的设计难以应对。眼睛上的紧张是麻烦的。更糟糕的是,一些视觉挑战的人根本无法阅读您的网站。


验证码即使是拥有20/20视力的人,也可能无法破译这些小而波浪形的怪异代码并将其输入。但是,视觉障碍者可能会发现几乎不可能。这可以限制视觉挑战者可以在您的网站上互动和参与的方式。

图形文字当然,这些图表很棒,但如果你只是提出一个信息图表,不要以文本的形式重复这些信息,那么对于有视觉限制的人来说,要知道你想要传达什么信息几乎是不可能的。PDF文件比保存为JPG格式的文本要好,因为至少可以使用适当的软件读取这些文件。


HTML结构您应该为标题(H1,H2),块引号和段落标记使用适当的标记。这些是标准语言,屏幕阅读器能够翻译这些内容并使页面内容更易于访问。


无障碍网页设计原则

只需实现可访问设计实践的一些基本原则,就可以大大改善人们浏览您的内容的能力。确保您为图像和多媒体内容提供适当的替代文本,并使用可通过屏幕阅读器翻译的文档格式(如PDF,MS Word和PowerPoint)。


最后,确保你的内容易于阅读和书写,这是一个很好的建议,可以很好地将这些内容翻译给那些残疾阅读者。



在线
客服

在线客服服务时间:9:00-22:00

客服
热线

400-875-0771
7*24小时客服服务热线

关注
微信

官方微信公众号