当前位置: 海之晶网站设计> 建站知识> 网站建设>无障碍SVG:超越模式的包容性

无障碍SVG:超越模式的包容性

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/8/3 14:20:39
分享:

可伸缩向量图形(SVG)在1999年成为W3C的开放标准,当时黑莓手机是新的科技热点,Napster首次入侵大学宿舍,Y2K漏洞引发了我们所有人的恐惧。快进到我们的现代数字世界,你会发现,虽然其他的技术趋势已经减弱,SVG仍然存在并蓬勃发展。这在一定程度上是由于在带宽和性能比以往任何时候都更重要的世界中,SVG在如此高的视觉保真度方面占用的空间很小,尤其是在移动设备和数据非常昂贵的情况/位置。但也因为SVG在其集成样式、交互性和动画选项方面非常灵活。我们今天对SVG所能做的已经远远超出了过去的基本形状。

如果我们关注SVG的可访问性方面,我们也取得了长足的进步。今天,我们有许多强大的模式和技术来帮助我们优化包容性。无论您创建的是图标、简单图像还是更复杂的图像,这都是正确的。虽然您决定使用的特定模式可能会因您的特定情况和目标WCAG一致性级别而有所不同,但事实是,大多数人都停留在这一点上,只关注代码遵从性,而不是实际的最终用户及其需求。如果真正的包容性超越了模式,那么在设计和开发无障碍SVG时,我们还应考虑哪些其他因素?

无障碍SVG的主要关注点是屏幕阅读器合规性,这只是问题的一部分,也是解决方案的一部分。在全球范围内,低视力和色盲的人数比失明的人多14:1。我们说的是,总共有5.46亿用户(2.46亿低视力用户加上3亿色盲用户)与3900万合法盲人用户相比。许多视力低下和色盲的人不依赖屏幕阅读器,而是使用诸如调整浏览器大小、自定义样式表或放大软件等工具来帮助他们看到屏幕上的内容。对于这5.46亿人来说,屏幕阅读器的输出对他们来说可能不如确保颜色和对比度足够好以便他们能够在屏幕上看到SVG—但我们如何检查这一点呢?

在设计SVG调色板时,您应该采取的第一步是查看WCAG颜色对比度准则。虽然不久前SVG和其他图标不受颜色对比度要求的限制(当目标是符合WCAG AA标准时),但最近对WCAG 2.1指南的更新使其成为可能,因此所有重要的非文本图像必须与相邻颜色的对比度至少保持3:1。从本质上讲,这意味着如果SVG消失了,它会从根本上改变内容的信息或功能吗?如果你能回答“不”,那么你很有可能不受本指南的约束。如果您可以回答“是”或“可能”,那么您需要确保SVG颜色对比度处于检查状态

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。