返回博客

无障碍:为所有用户和能力设计

网页设计中的无障碍设计对于创造包容性的用户体验至关重要,它让每个人都有机会轻松访问数字内容。
无障碍:为所有用户和能力设计

什么是

无障碍环境

就网页设计而言,可访问性是指设计出适合各类用户使用的网站的过程,无论他们的身体或智力水平如何。这包括多种因素,如屏幕阅读器兼容性、台式机或移动设备上的键盘可用性以及色彩对比度。在开发的早期阶段,就应将可访问性作为打造高质量用户体验的重要组成部分加以考虑。

设计者在制作数字产品时,一定要不放过任何一个细节--无论是字体大小和清晰的排版以方便视力受损者,还是使用少量的 JavaScript 以确保您的内容无需鼠标即可浏览。超越人类的局限性:如果宇宙中的任何部分都能在线体验,那么他们就应该能够轻松访问所创建的内容。就像抬头仰望夜空中的无穷无尽,就能从零开始创作一样--并非每条道路都是清晰的,但技术可以帮助我们铺平道路,让我们了解周围的一切。

如果从一开始就考虑到数字网站的可访问性(包括满足翻译需求),那么最终就能制作出更易于使用和浏览的精彩资源。这些元素之间的互动方式让每个人都处于平等的竞争环境中,因为所有设备、平台和年龄段的人都能在任何时候平等地从中受益,即使是从未使用过电脑的人也不例外!

无障碍设计确保设计方案更具包容性,以满足社会中不同能力和生活方式的需求。一些常见的措施包括:通过在浏览器中设置默认值来改变文字大小;引入标签,而不是依靠鼠标悬停;确保图片有内容丰富的替代标签;提供肯定同意对话框,以加强用户对营销偏好的控制等等。未能达到这一标准意味着许多人错过了令人惊叹的体验,除非加以改进,否则这些体验在某种程度上仍然无法获得,就像缺失的拼图永远无法完成!  

随着开发人员了解更多的用户目标,当 ADA 合规技术在发布后到来时,风险就会降低--特别是如果定制的信息技术已经通过直接适合个人偏好的定制设计设置,在各个平台上立即可用,每个人的特定旅程都可能包含独特的主题路径,瞄准他们在网上最想寻找的东西,而不会因为在 "其他人眼中 "的基本网站导航级别中经常出现的过度 "限制 "而感到受阻。我们可以一起在世界范围内掀起波澜,让每个人都参与进来,创造出更多的机会,远远超出我们有限的想象力所能带来的结果!

实例  

无障碍环境

  1. 确保文字与背景之间有足够的色彩对比。
  2. 允许用户以同意对话框的形式控制营销偏好。
  3. 利用清晰的排版,方便视力受损者阅读。
  4. 确保图片有内容丰富的替代标签(alt-text)。
  5. 在台式机/移动设备上实现键盘可用性以及鼠标导航选项。  
  6. 通过无障碍设计解决方案,打造符合个人喜好的环境,满足社会中不同能力和生活方式的需求 
  7. 适当使用少量 JavaScript,确保在需要时无需鼠标即可浏览内容(例如,使标签式菜单或按钮可点击或轻触)。
  8. 将字体与可调整大小的系列设置结合起来,这样用户就能根据需要或需要改变字体大小,特别是在较旧的浏览器/操作系统中,这些浏览器/操作系统可能无法识别 CSS 媒体查询/CSS 框架等高级格式,而这些框架是专门为网络无障碍设计的,它们有时会因编码样式过时而面临障碍!  
  9. 在开发过程中对多种设备、平台和浏览器进行测试,以确保在各种显示条件下的跨浏览器兼容性,例如插件是否能正常工作,如 Flash 广告(或针对 "视口游戏式变量 "进行更多的实战测试,这将测试性能水平提高了一个档次,并确保一切看起来都是最好的,同时也能快速实现功能,每个像素都很重要!)。
  10. 提供翻译需求,使数字网站从一开始就能以 "无障碍优先 "的方式构建,不让任何人掉队!

您可以访问https://www.levelaccess.com/solutions-overview/,了解更多有关网络无障碍解决方案的信息,以达到标准并保持合规。

的好处  

无障碍环境

  1. 利用 ARIA 确保屏幕阅读器可读内容。通过在代码中部署各种标签,可以确保残障用户仍能跟上网站的信息流。
  2. 通过替代文字说明和字幕优化图片、视频和其他多媒体内容。这样,无论用户是否有残疾或障碍,他们都能获取这些数据,从而与其他人一样拥有浏览网页的所有资源。
  3. 力求在不同浏览器和设备上实现功能。如果一个网站不能在所有设备上提供相同的体验,那么那些能力有限的用户可能会被落在后面;因此,网站设计人员必须建立与任何特定浏览器或设备兼容的网站,这样,无论用户是否有残疾或处于何种状况,都能享受到愉悦的导航体验。

甜蜜的事实与统计

  1. 全球多达 15%的人口患有某种形式的残疾,因此,无障碍设计对任何网站都至关重要。
  2. 2018 年万维网联盟(W3C)标准要求大多数网站和应用程序在图形、文本、音频和视频内容、视觉呈现、代码结构和可操作性考虑等各方面的无障碍性达到 AA 级或更高标准。
  3. 超过 70 个组织通过其法规规定了数字无障碍环境,包括《美国残疾人法案》(ADA)、《康复法案》(第 508 条)、《欧盟委员会电子商务指令》等。
  4. 与对比度低、字体小的网站相比,如果网站内容对比度好、字体可读性高,用户对网站美学描述的评价就会更高。
  5. 据天体物理学家估计,改善网站的可访问性可以使流量最多增加 250%。
无障碍:为所有用户和能力设计

的演变  

无障碍环境

网页设计中的可访问性有着悠久的历史。互联网发明后不久,人们就开始意识到某些人群无法独立获取信息,因此开发人员致力于让所有人都能访问网络。自此以后,网络的发展一直不甚稳定--时而停滞不前,时而出现无障碍进展的高潮。

虽然最初只有在身体和听觉都可以访问的情况下才能使用网络,但最近的创新已经为灵活性降低或视力和听力受损等残疾提供了便利。此外,随着时间的推移,包括可访问性方面的内容也变得越来越容易,因为各种工具的出现可以帮助开发人员在推出任何可能具有排斥性的内容之前发现潜在的问题。

出于必要,渐进式变革也以令人兴奋的速度向前发展;企业利用这些技术使其网站符合《美国残疾人法案》,并在做好事的同时寻求避免诉讼!展望未来,人工智能驱动的可访问性将会有更大的发展,其目的是让有缺陷或无缺陷的用户都能完全控制定制网站,超越我们今天的想象。

多年前的开创性工作很快就变成了后来的需要--我们在这里谈论的是永远优先考虑的问题!毫无疑问,随着新技术的不断发展,我们的开发流程将日趋顺畅,无障碍环境将永远处于最前沿。

渴望高级网络?
让 Uroboro 将您的网站打造成一个能转化访客并具有行业权威性的杰作。
左箭头右箭头

我们最近的

我们的所有文章