在设计网站时,重要的是考虑所有潜在的访问者。这包括视障者: 那些患有色盲,视力低下甚至完全失明的人。虽然只有美国政府网站被要求遵守康复法案第 508 条,许多大型美国零售商开始跟随,特别是在目标被提起 600 万美元为视障人士无法访问的网站。当提高您的网站对视障者的可访问性时,首先要考虑的是损害的程度。您的网站是否适合色盲,低视力,部分失明甚至完全失明的多用户? 幸运的是,有几个线上工具和软件可以帮助您的网站更容易访问。 WordPress 网站设计开发要考虑视力障碍者吗?答案是肯定的。下面来看看针对视力障碍者所做的网站有什么特点。
色盲
研究表明,约 8%的男性和 1%的女性有某种类型的色盲,通常是红绿色盲。不言而喻,使用红色和绿色作为主色组合可能导致无色盲多用户的辅助功能问题。但是,您还可以执行其他操作来改善多用户体验。因此,在开始使您的网站变差(删除颜色)之前,请先储存您网站的当前工作,然后尝试以下操作:
确保正确的颜色对比:一些设计师认为,提高站点的颜色对比度意味著它们仅限于黑白配色方案。其实不是。它只是意味著您使用的颜色应该通过一个颜色分析仪,并测量亮度差异,色差和对比度。
不要依赖于颜色编码:设计师结合了使用颜色来识别网站元素的实践,例如按钮,选单,链接和文字。请尝试使用图示或下划线文字来区分网站的各种元素。
低视力
选择字型样式和大小以确保可读性可能是设计过程中最重要的因素。有几个有用的屏幕放大镜(放大镜或虚拟放大镜)和辅助工具,如设计师,一种残疾模拟应用程序,建立一个页面看起来与低视力和完全失明的人的视觉化。但是,您还可以采取几个步骤来提高低视力多用户的可访问性。
避免或限制低解析度影像与文字的新增,低解析度影像通常用于提高网站的载入时间,这是很好的,如果其尺寸扩大许多,有时影像会极度扭曲和模糊。使用屏幕放大镜工具的人也很难检视影像上的文字。
不要使用滚动,闪烁或动画文字,想象一下,试图读取从左到右滚动真的很快,很多人都可以跟上这个速度,对吧?现在想象一下当您视力受损时阅读会怎样。
前端载入您的内容,前端载入不是 Web 开发人员的特定方向或术语。它是一种描述一种将最重要的信息或点放在首位的写法的方法。这种写作练习可以帮助读者轻松扫描您网站上的内容,并决定他们是否想继续阅读,当然您希望他们这样做。此外,您网站上的前端载入内容可以由使用屏幕放大镜的人更容易管理。
您的设计应该清晰地分开,将您的内容分成很容易扫描的部分,并显示正文内容和侧栏内容之间的差异也很重要。使用正确的标题标记可让所有网站多用户更轻松地阅读您的网页内容。它还简化了使用屏幕阅读器的网站访问者的导航。 还可以新增边框,背景颜色,标题,内容,链接,间距,图示等,以及更大的文字。 使用较少的图形,并为您使用的图片和表格提供替代文字。使用易于阅读的字型 – 像 Verdana,Arial,Helvetica 和 Tahoma 这样的字型非常清晰,仍然相当时尚。如果您有更多关于 WordPress 外贸独立站网站建设、 WordPress 站群网站优化、 logo 设计、品牌设计、印刷、 WordPress APP/WordPress 微信开发等产品服务的需求,欢迎咨询跨飞独立站 WooCommerce 官网,新上线企业 VI 设计套餐和 WordPress 站群网站营销推广系统(强)!
部分和全部失明
您将用于低视力多用户的大部分设计过程也适用于部分盲人多用户。 然而,针对那些完全失明的人的设计过程,还需要考虑更多的元件。验证 HTML 编码,这将有助于减少网络浏览器和屏幕阅读器误读您网站的内容的机会。新增标题标签和替代标签 – 这些元标签将帮助屏幕阅读器区分每个页面的主题和其上的影像。使用更少的图形 – 使用更少的图形有助于载入时间,因此此元件可以帮助所有多用户,而不仅仅是具有视觉障碍的多用户。