公司新闻

将想法与观点,与您一起分享~

开发案例插画 插画-树 插画-树

无障碍网页设计的基础方法

润雪科技 时间:2017-08-11 09:53 浏览量:2434

大约有2170万成年人具有某种类型的视力限制。你可以看到为什么设计一个网站,每个人都很容易使用网站导航是非常重要的,下面重庆网页设计公司重庆网站制作公司就谈谈如何设计无障碍的网站。


设计师的目标应该是消除阻碍残疾人充分利用网站所有功能的障碍。这为每个人创造了一个平衡的竞争环境。


使您的网页设计可访问


创建一个可供大家访问的设计是很重要的。在某些情况下,您可能需要法律规定向任何有障碍的人提供辅助功能。例如,这是政府网站的要求,但也可能适用于其他类型的网站。即使您没有法律要求让您的网站可以访问,它既符合道德规范,又能为企业做好准备。


残疾用户占网民的10%至20%。然而,当您包括轻微损伤的人(如色盲)时,该数字可能会更高。具有视觉障碍的人特别面对真正的挑战,当您的设计不提供alt标签或使用更容易集中的大小和颜色。


无障碍标准


万维网联盟(W3C)为残疾人创建了一套名为“ 无障碍网络无障碍计划”(WAI)的可用性标准。设计包含的一些理念包括帮助服务器端脚本,粗体文本和闪存技术的技术。


限制


设计网站时,请记住,即使是小事情也可能会有很大的不同。例如,如果网站只能通过移动鼠标并点击链接进行导航,这可能会给视力受损的用户和具有移动性问题的用户带来挑战。


色盲


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


多媒体内容


您是否考虑过您的网站上的多媒体内容对于听力和视力障碍者的影响?对于大多数网站,为听力受损用户提供的视频字幕也不会发生。但是,这样做可以使这些视频对于这些网站访问者更有用。


移动响应


在某些行业,特别是适应那些无障碍挑战的机构,如医院,您必须确保移动用户可以轻松访问网站以获取信息。例如,在紧急情况下,一个团体中的一个人可能希望拉近最近的医院并进入您的指示,而无需解决任何可及性问题。


确保您的网站尽可能移动响应的一种方法是保持设计简单,将文本元素添加到任何多媒体,并保持导航到基础。


用户遇到的其他问题


访问网站时遇到障碍物的问题列表很长。其中一些包括:


低对比度如前所述,这为有视觉障碍者提供了问题。然而,即使没有视觉障碍的用户也可能会发现低对比度设计难以应付。眼睛上的紧张是麻烦的。更糟的是,有视觉挑战的人根本无法读取您的网站。


CAPTCHA代码即使有20/20视力的人也许有可能会破译这些小而波浪,奇怪的代码并打字。但是,视力障碍者可能会发现这一切都是不可能的。这可能会限制那些有视觉挑战的人可以在您的网站上进行互动和参与的方式。

图形文本,这些信息图是非常重要的,但如果你只是放了一个信息图,而不是将重复信息作为文本,对于有视力限制的人来说,知道什么信息是不可能的。PDF文件比保存为JPG的文本更好,因为至少可以使用适当的软件读取。

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

无障碍网页设计原理


简单地实施可访问设计实践的几个基本原则,使人们能够浏览您的内容有很大的不同。确保为图像和多媒体内容提供适当的替代文本,并使用可由屏幕阅读器(如PDF,MS Word和PowerPoint)翻译的文档格式。


最后,确保您的内容以清晰简明的方式易于阅读和写入,这是一个很好的建议,可以很好地解读残疾读者和没有阅读者。


来源声明:本文【无障碍网页设计的基础方法】由润雪科技编辑原创或采编整理,如需转载请注明来自润雪科技。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系。

TAG标签:网站开发 网站设计

相关文章
如果您感觉我们的案例非常不错,请与我们取得联系~
立即咨询
获取方案及报价 023-6288-5285
网站建设流程 需求沟通
网站建设流程 签订合同
网站建设流程 项目开发
网站建设流程 上线/运营维护

张经理

186-9655-6121

邹经理

188-1980-6503

润雪科技二维码
电话咨询 在线咨询 微信咨询