您设计了一个引人入胜的用户界面,这是您特别引以为豪的。但是,您只面临一个问题:并非所有用户都可以访问它。也许这个事实是在测试中出现的:作为 QA 过程的一部分,深圳vi设计公司应该确保每个人都可以访问您的站点。除了成为一名优秀设计师的一个方面,确保您的网站完全可访问还有很多好处。您的网站更有可能在搜索引擎上稳健且排名靠前。它也更有可能产生业务,因为客户讨厌在完成购买之前必须清除障碍。虽然您当然希望品牌的数字体验保持吸引力,但有几种方法可以在不牺牲设计的情况下提高页面的可访问性。
字体大小、可读性和易读性
根据 2019 年的一项调查,内容过多的页面在残疾受访者的问题列表中名列前茅。不要过度填充您的页面也是很好的设计感。争夺消费者注意力的东西越多,深圳vi设计公司就越有可能不知所措并完全从您的网站上反弹。您可以通过使用内置的格式设置功能来做到这一点。任何包含长测试块的页面都应拆分为子标题,并带有清晰明显的标题标签。简单地分解文本将使人们更轻松地浏览您的页面。但是,正确使用格式意味着那些视障人士和使用屏幕阅读器的人可以跳到他们需要的部分。
确保您的副标题被正确标记,而不仅仅是使用更大的字体大小。如果您使用的是列表,请在 HTML 中使用 <ul> 或 <li> 标签标记它,这将确保它以正确的格式呈现。一个更简单的技巧是确保您选择的字体足够大,并与背景形成足够的对比度,使其易于阅读。该网页内容无障碍指南建议至少4.5的:1的对比度,虽然有飞溅的文本豁免。也有人建议使用无衬线字体——是的,包括(但不限于)Comic Sans——对于阅读障碍的人来说可能更容易阅读。
考虑色盲和你的颜色
以下是深圳vi设计公司在构建网站时可能没有考虑到的事情:色盲的人可能无法区分您使用的色调。由于色盲人占美国人口的 5-10%,因此您可能会疏远很大一部分用户。在这里,众包测试可能是一个有用的工具:您将获得几种不同的观点,了解区分的难易程度,尤其是当您使用黑白测试时。事实上,黑白测试是一种很好的方式,可以让您亲眼目睹特征在没有明亮色调的情况下有多突出。红绿色盲是最常见的类型,人们无法区分两者。
想想有多少错误消息以红色突出显示。当您以灰度查看页面时,很明显添加颜色不足以引起注意。考虑清楚地标记任何图表并添加额外的提示——例如一个感叹号来强调你的目标。或者通过色盲测试运行您的网站。到处都是屏幕阅读器用户的祸根,HTML 和 CSS 交织在一起意味着机器变得非常混乱。另外,可怜的听众会被他们根本不需要的信息轰炸。
幸运的是,我们现在能够分离 HTML 和 CSS。深圳vi设计公司可以在需要的地方使用 CSS 元素构建页面,例如页面顶部的站点菜单,而将它们固定在适当位置的 HTML 代码也可以在页面底部发挥作用。这可能需要一些功能测试,尤其是在您不习惯的情况下。玩转放置以确保屏幕阅读器等工具可以像具有完全可见性的人一样应对。您查看了多少页面,其中号召性用语 (CTA)是通用的“单击此处”或“阅读更多”?如果屏幕阅读器按顺序读出这些按钮,您认为将它们彼此区分开有多容易?
您可以将链接命名为更具体的名称,没有视觉障碍的人也可以看到,或者您可以使用 aria-label 属性。这意味着您网站的可见元素保持不变,但屏幕阅读器将宣布,填写表格是大多数企业潜在客户收集策略的重要组成部分 - 如果您正在进行调查,这一点尤其重要。尽管如此,大量网站仍然推送难以填写的表格,最坏的情况是完全无法访问。一种让表格更容易填写的超级简单方法?允许自动填充发挥其魔力。您很可能会从非残障人士和残障人士那里获得更多潜在客户,因为您消除了注册过程中的障碍。
事实上,根据深圳vi设计公司的受访者在开始填写表单后放弃了表单。因此,启用自动填写将使您的网站更易于访问并提高您的整体注册量,这对我们来说听起来像是一场胜利。这对您的定位和重新定位策略特别有帮助:谁不想要更多订阅者?
下载
另一个简单的调整是标记任何下载链接。这对视力正常的用户也非常有用,用 CSS 编码很有意义。您甚至可以记录文件有多大,以防人们在他们的手机上查看并且不喜欢下载大量数据文件或弱 Wi-Fi 信号。
图像和视频
在可访问性方面经常被忽视的另一个元素是带有视觉元素的替代文本和音频。您所有的基本图像都应标有替代文字,简要描述图片中的内容。理想情况下,所有视频都应为有听力障碍的人提供文字记录和/或字幕。如果合适,您甚至可以为任何视频添加音频描述。
随着程序的转变和关于什么是好的设计的新研究的出现,紧跟软件测试新闻总是一个好主意。在可访问性方面尤其重要。残疾人经常被忽视,以至于直到最近设计师才开始考虑网站的可访问性。仅使用键盘导航来试用您的网站,甚至可以使用眼罩来查看您是否可以轻松导航。或者,理想情况下,您可以招募一些有残疾的 QA 测试人员,将他们独特的见解带到桌面上。
最后的想法
谁知道呢,深圳vi设计公司甚至可能会找到一个成为标准做法的解决方案,为更高的可访问性和可用性铺平道路。当然,这可能需要一点后台修补,但好处——不仅仅是从财务角度来看——是无穷无尽的。通过专业风格的可访问性为每个人优化您的网站体验,您的网站潜力将是无限的。
总监微信咨询 舒先生
业务咨询 付小姐
业务咨询 张小姐