关于javascript:Apache-ECharts-5-系列教程5可访问性

34次阅读

共计 2253 个字符,预计需要花费 6 分钟才能阅读完成。

在 Apache ECharts 5 系列教程(4)开发体验中,咱们介绍了 Apache ECharts 如何通过数据集、国际化、TypeScript 重构改善开发者体验。在这一系列教程的最初一篇,咱们会介绍 ECharts 在无障碍方面的致力。

Apache ECharts 始终非常重视无障碍设计,咱们心愿让视觉阻碍人士也能平等理解图表传递的信息。并且也心愿图表的开发者能以极低的开发成本实现这一点,因此有利于让开发者更违心为视觉阻碍人士提供反对。在上一个大版本中,咱们反对了依据不同的图表类型和数据主动一键智能生成图表形容的性能,帮忙开发者十分不便地反对图表的 DOM 形容信息。

在 ECharts 5 中,咱们在设计默认主题款式的时候,将无障碍设计作为一个重要的考量根据,并且针对有更进一步无障碍需要的开发者,咱们提供了非凡的高对比度主题。此外,ECharts 5 还新增提供了贴花的性能,用图案辅助色彩表白,帮忙色觉辨识阻碍人士辨别数据。

无障碍设计

主题配色

为了满足无障碍的需要,咱们在设计主题配色时,不仅要思考抉择的色彩和调整色彩程序。还须要对色彩的明度和色值都进行重复测试,这是咱们这个 light 模式配色的色盲色彩测试后果。咱们尽力帮忙存在各种色弱、色盲阻碍的用户能够分明的无妨碍的辨认图表数据。

除了默认的两种主题配色,咱们还提供了一种高比照主题配色计划。

看到这个主题配色时,你可能会感觉眼部不适,其实这个主题咱们是专门针对一些色弱和光敏的非凡场景和群体而设计的,因为他们对色彩的辨别能力较弱,所以须要最大限度的加强色彩的对比度能力辨识。右侧是应用高对比度之后的 echarts 图表,通过色彩加强的对比度,能够更加突出图表主体,进步图表的可读性。

咱们怎么保障起对比度合格呢,首先咱们应用 Web AIM 的测试,保障每个色彩和彩色背景的对比度都大于 4.5,这个规范曾经达到了 WCAG 2.0 等级,即能够分明地辨认一般文本的对比度,那这个对比度在图表上也都是齐全清晰可辨认的。

另外咱们相邻的两个色彩都选用了上一个色彩的补色,在色相上做出最大的辨别。而后再重复调整,保障色彩搭配计划对色盲用户敌对没有色彩抵触,这样的配色计划使得不同视觉阻碍的用户群体都能够分明辨认的。

开发者也能够通过应用高对比度主题,配合更大的字号,帮忙有重大视力问题的老年群体看清图表内容,提供更好的适老化体验。

贴花图案

贴花,本来是一种印刷技术,在计算机图形学中,咱们借用这个概念,示意一种将图片绘制到物体外表的贴图技术。Apache ECharts 再次借用了这个概念,在图表数据自身的色彩之外,贴了一层图案,用来减少数据之间的辨识度。

以饼图为例,这里每个扇形区默认应用了不同的色彩示意不同的数据内容。方才叮叮介绍了咱们的默认主题色曾经充沛考量了无障碍的兼容性需要,然而如果咱们心愿数据之间的辨别更为显著,而不仅仅是用色彩去辨别,那么贴花图案就是一种很无效的形式。

作为色彩的辅助表白,贴花图案能够帮忙色觉辨识阻碍人士辨别数据,提供更好的无障碍拜访体验。而对于开发者来说,这些默认贴花的开启只须要一个配置项,就能为不同数据指定不同的图案,当然,你也能够用咱们的配置项对图案的款式进行定制。

此外,贴花图案还能用于报纸、书籍之类只有单色或较少色彩的媒介,用以辨别数据。在这个例子中,咱们只用了黑白两色,就能分明地区分多个系列,让咱们在报纸书籍中也能无障碍范畴图表内容。

贴花图案还能够用来帮忙更直观地了解数据,比方这个例子用了不同水果的图案作为对应数据的贴花,能够让看到图表的人在第一眼就能疾速了解数据。这里的图案是传入了 SVG 门路,当然,你也能够指定自定义的图片作为贴花图案。

灵便的配置项使得咱们能够发明出各种图案,感兴趣的敌人能够浏览相干的配置项手册理解具体的信息。

社区建设

除了产品自身的优化降级,社区的蓬勃发展也是咱们十分关注的方面。

衰弱的社区能够帮忙我的项目更稳固地发版,让开发者的问题更快地失去修复,对我的项目的长期倒退是一件十分重要的事。为了帮忙更多开发者退出贡献者的行列,咱们进一步欠缺了文档,领导开发者如何一步步由浅入深地参加社区奉献;疏导提出问题的开发者尝试批改源码从而更高效地解决本人的问题;在 pull request 中悉心领导开发者如何改善他们的代码等等……这些致力也的确升高了参加社区奉献的门槛,让更多开发者违心并且可能参加到我的项目奉献,甚至我的项目决策中。在 Apache 孵化期间,咱们新倒退了 10 位 Committer 和 3 位孵化治理委员会成员,也真诚地欢送更多有志于此的开发者退出咱们。

很多人可能感觉给一个这么多人应用的我的项目做奉献是一件很难的事,但在 Apache 软件基金会看来,所有模式的奉献都是值得激励的,如果你感觉提 pull request 的门槛比拟高,也能够从报 bug、在 issue 中解答他人的问题、批改文档中的错别字这些门槛绝对更低的事做起,各种模式的帮忙都能够作为对我的项目的奉献。通过肯定工夫的积攒,当治理委员会成员认为你会长期对我的项目有所奉献,就会邀请你成为一名 Committer。

总结

在本系列的五篇文章中,咱们介绍了 Apache ECharts 在五大模块的十五项改良。当然,这只是 ECharts 5 性能的一部分,残缺的性能介绍及降级阐明能够在官网理解更多。

最初,感激所有应用过 ECharts,甚至参加过社区奉献的开发者,感激你们一路以来的反对和必定。咱们会以更大的激情投入到将来的开发中,Apache ECharts 也会以更大的诚意和大家在 6 相见!

正文完
 0