数字创意设计是一个众所周知的重要部分,现在设计从互联网,广告到产品设计都离不开它。但是,许多人没有意识到数字创意的无障碍性问题,所以他们忽略了需要用于非主流设备上的行业标准。本文将阐述如何通过无障碍技术优化数字创意设计。
什么是无障碍技术
无障碍技术是指工作环境中可能面临的障碍,例如,视力障碍,听力障碍,运动障碍等。围绕这些障碍,有一系列设计和开发技术,这些技术可以使这些人与平均人员一样可以在工作环境中流畅地使用。无障碍技术的目标是我们在使用任何产品或工具时应该具有相同的使用经验。
为什么要关注数字设计的无障碍性
数字创意设计有着广泛的受众和用途,但是,我们不能忽略需要数字创意满足无障碍性的问题。这是因为,数字创意涵盖了从互联网,广告到产品设计的实力,而这些内容与人民的生活紧密相关。了解无障碍技术并提供无障碍技术的数字创意,可以让更多的人更轻松地使用它。
如何实现数字创意的无障碍性
色彩对比
近年来,许多数字设计师越来越喜欢超现实的色彩组合,但是这些组合可能会导致重大的无障碍性问题,例如,一些色盲人士可能无法充分区分颜色。在设计时应该考虑使用更具对比性的颜色或调整颜色值使文本更清晰易读。
示例代码如下:
-------------- - ----------- ----- ------ ----- - ---------------- - ----------- -------- ------ ----- -
一致的语义结构
在无障碍性方面,编写具有一致的语义结构的 HTML 可以帮助读取屏幕阅读器更好的理解信息。开发人员应设计具有完整的 HTML 标签,这样,无论人们如何使用工具,他们都可以理解页面中的功能。例如,使用 <nav>
标签作为网站菜单而不是 <div>
标签。
示例代码如下:
----- ---- ------ ---------------------- ------ ----------------------- ------ ------------------------- ----- ------
可访问性表单
无障碍性表单是数字创意设计的基础。表单的可访问性包括许多因素,例如输入区域,标签和错误提示。使用label
标签链接输入框可以使声音购物车而来的人能够更好地理解输入框。另外,应向用户提供明确的错误消息。这样,屏幕阅读器用户能够特别神经质地发送表单,如果字段有错误,他们将很容易地知道原因。
示例代码如下:
------ ------ ------------------------ ------ ----------- --------- ----------- --------- ------ -------------------------- ------ ------------ ---------- ------------ --------- ------- ----------------------------- -------
结论
数字创意设计必须考虑到数字无障碍技术的问题,才可以更广泛的服务于更多的人。设计和开发人员应遵循无障碍性指南和标准来创作数字设计,以确保所有人都能够受益于数字创意。
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6705023bd91dce0dc8514f2f