W3C 制定了无障碍富互联网应用规范集(,the Accessible Rich Internet Applications Suite),致力于使得网页内容和网页应用能够被更多残障人士访问。ECharts 4.0 遵从这一规范,支持自动根据图表配置项智能生成描述,使得盲人可以在朗读设备的帮助下了解图表内容,让图表可以被更多人群访问。

    默认关闭,需要通过将 aria.show 设置为 开启。开启后,会根据图表、数据、标题等情况,自动智能生成关于图表的描述,用户也可以通过配置项修改描述。

    对于配置项:

    生成的图表 DOM 上,会有一个 aria-label 属性,在朗读设备的帮助下,盲人能够了解图表的内容。其值为:

      对于有些图表,默认生成的数据点的描述并不足以表现整体的信息。比如下图的散点图,默认生成的描述可以包含数据点的坐标值,但是知道几百几千个点的坐标并不能帮助我们有效地理解图表表达的信息。

      定制模板描述

      除了整体性修改描述之外,我们还提供了生成描述的模板,可以方便地进行细粒度的修改。

      生成描述的基本流程为,如果 设置为 ,则生成无障碍访问描述,否则不生成。如果定义了 aria.description,则将其作为图表的完整描述,否则根据模板拼接生成描述。我们提供了默认的生成描述的算法,仅当生成的描述不太合适时,才需要修改这些模板,甚至使用 aria.description 完全覆盖。

      使用模板拼接时,先根据是否存在标题 决定使用 aria.general.withTitle 还是 作为整体性描述。其中,aria.general.withTitle 配置项包括模板变量 ,将会被替换成图表标题。也就是说,如果 aria.general.withTitle 被设置为 '图表的标题是:{title}。',则如果包含标题 ,这部分的描述为 '图表的标题是:价格分布图。'

      完整的描述生成流程请参见 ARIA 文档