跳到主要内容 跳到补充内容

设计无障碍应用程序的最佳实践

分析应用程序支持多种辅助功能。应用程序创建者还可以采取额外措施来提高无障碍性,并确保所有用户都可以访问其分析应用程序中的信息。

分析应用程序支持以下无障碍功能:

在针对无障碍性设计应用程序时,您应该遵循一些设计最佳实践。此外,您还可以使用特定的应用程序设置来帮助您的应用程序更易于访问。

设计最佳实践

在针对无障碍性进行设计时,请遵循以下最佳实践:

  • 保持工作表结构扁平

  • 先提供概览

  • 使用无障碍颜色

  • 选择无障碍性可视化

  • 避免故事叙述

保持工作表结构扁平

在将可视化添加到工作表时,请使用具有少量列和行的平面结构。扁平结构提高了用户的可读性。此外,它还使键盘导航更容易,因为键盘导航从左上角移动到右下角。

具有许多列和行的复杂工作表布局既难以理解,也难以用键盘导航。设计工作表时,尝试用键盘导航,看看用户如何看待您的应用程序。

扁平工作表布局

复杂的工作表布局

先提供概览

创建工作表时,请先提供概述,然后提供详细信息。这使得用户更容易使用工作表中的信息。例如,首先在工作表中提供摘要和 KPI,然后提供更详细的表格或其他可视化。您还可以将详细信息放置在另一工作表上。或者,您可以调整工作表的大小,使其可滚动,并将其他详细信息放在工作表更靠下方的位置。

有关更改工作表尺寸的详细信息,请参见更改工作表布局

选择正确的可视化

分析应用程序提供了一系列用于分析的可视化。在设计无障碍应用程序时,一些可视化是更好的选择。选择可视化时请记住以下几点:

  • 使用带有数据视图的图表

  • 使用可视化捆绑包中的垂直表

  • 避免使用映射图表

  • 避免使用自定义对象

使用带有数据视图的图表

在设计应用程序时,使用带有数据视图的图表。数据视图允许用户将图表更改为表格,帮助他们检查和选择值。

数据视图中具有相同饼图的饼图

数据视图可通过以下图表查看:

  • 条形图
  • 框图(具有一个或多个维度)
  • 组合图
  • 分布图
  • 直方图
  • 折线图
  • 饼图
  • 透视表
  • 散点图
  • 树形图

有关更多信息,请参阅查看可视化的数据

使用可视化捆绑包中的垂直表

与当前的表格可视化相比,可视化捆绑包中的垂直表具有更好的导航体验。向无障碍应用程序添加表时,请使用它而不是标准的表可视化。

有关更多信息,请参阅垂直表

避免使用映射图表

映射图表无法通过键盘导航进行导航。在创建可访问的应用程序时,请考虑使用其他方式来呈现您的地理数据。

避免使用自定义对象

仪表板或可视化捆绑包中的图表(垂直表除外)可能不如其他图表易于访问。不建议在无障碍应用程序中使用它们。此外,如果您确实使用了扩展,请测试它们以确认您的用户可以访问它们。

使用无障碍颜色

对于患有基于颜色的视觉障碍的人来说,颜色的光谱更窄。他们可能会以不同于您预期的方式解释您的可视化。例如,一些用户可能难以在可视化中使用红色和绿色。当颜色没有足够的对比度时,线条、条形图和饼图切片也很难区分。

最好在应用程序中使用简单的配色方案。 默认的应用配色方案每个都有 12 种相互对比的颜色。如果可能的话,最好使用三到五种颜色,甚至是基于单一颜色的配色方案。您可以创建自己的自定义配色方案,并在所有可访问的应用程序中使用它们。有关更多信息,请参阅创建自定义主题

您还可以手动设置一些颜色,与主题分开。对于维度,可以将指定颜色设置为主维度中的值。有关更多信息,请参阅将颜色分配给主维度值。您还可以通过表达式着色来设置颜色。有关更多信息,请参阅按表达式着色。要了解有关可视化着色选项的更多信息,请参阅可视化着色

在 KPI 中添加形状作为绩效指标

考虑在 KPI 中添加形状作为绩效指标。这些添加了上下文,使您的 KPI 更易于访问。例如,您可以使用红色空心圆表示糟糕的结果,绿色实心圆表示良好的结果,三角形作为警告符号,仅在 KPI 状态处于不可接受的水平时出现。有关更多信息,请参阅对 KPI 添加形状

使用绩效指标形状的 KPI

KPI 使用向下指向的三角形表示负结果,使用向上三角形表示正结果。

避免故事叙述

虽然故事对于展示发现很有用,但对于键盘导航和屏幕阅读器来说,工作表更容易访问。在为无障碍性而设计的应用程序中,最好使用表格来展示您的发现。

无障碍应用程序设置

分析应用程序有一系列设置,可以帮助您提高应用程序的无障碍性。

工作表设置

您可以在工作表中更改几个设置以提高无障碍性:

  • 改善工作表标题对比度

  • 关闭悬停菜单

改善工作表标题对比度

通过将工作标题的样式设置为与工作表形成对比,可以提高工作表标题的可见性。

  1. 在应用程序导航栏中,单击您的应用程序标题。

  2. 单击 设置 打开设置。

  3. 工作表标题样式设置下,调整颜色设置以提高对比度。

关闭悬停菜单。

关闭悬停菜单可以获得更流畅的导航体验。功能不会丢失,因为这些选项也可以通过上下文菜单和键盘快捷键使用。

  1. 在应用程序导航栏中,单击您的应用程序标题。

  2. 单击 设置 打开设置。

  3. 外观下,关闭显示可视化悬停菜单

图表设置

一些图表有选项,可以帮助用户更容易地访问它们。您可以:

  • 提供文字说明

  • 限制可视化中的维度值

  • 对 KPI 添加形状

提供文字说明

可视化带有标题、字幕和脚注字段。提供准确的文本描述可以帮助您的用户浏览您的可视化效果,并为您的工作表提供上下文。如果没有上下文,用户可能需要更长的时间才能在工作表中找到他们感兴趣的信息。标题、字幕和脚注也都通过屏幕阅读器阅读。

在标准编辑模式下,选择可视化时,您可以在属性中的演示 > 标签下找到标题、字幕和脚注。

在高级编辑模式下,您可以在属性面板的外观 > 常规下找到标题、字幕和脚注。

限制可视化中的维度值

在处理维度中的标称数据时,如果类别数量大于 10,请尝试查找层次结构或进行聚合。例如,显示前 10 个值,将其余值分类为其他值,可以使您的数据更易于理解和准确读取。如果需要包含完整的详细信息,可以将其包含在工作表或其他工作表的末尾。

  1. 在编辑模式中,单击高级选项

  2. 选择可视化。

  3. 在属性面板的数据下,选择您的维度。

  4. 限制下,选择以下项之一:

    • 固定数:选择要显示的上限值和下限值。设置值的数量。也可以使用表达式设置数值。单击 表达式 以打开表达式编辑器。

    • 精确值:使用运算符并设置精确的限值。也可以使用表达式设置数值。单击 表达式 以打开表达式编辑器。

    • 相对值:使用运算符并设置相对的限值(以百分比表示)。也可以使用表达式设置数值。单击 表达式 以打开表达式编辑器。

缩写数字

阅读、收听和理解长数字可能是一种挑战。在可能的情况下,缩写你的数字,以保持较少的数字和小数位数。

您可以使用 CeilRound 等函数对数字进行四舍五入。例如,如果您想用一个小数位将度量四舍五入到百万,可以使用 =Round(Sum(Sales)/1000000, 0.1)

有关更多信息,请参阅:

对 KPI 添加形状

如果您对 KPI 使用条件着色,则可以在颜色之外添加符号。符号可用于提供额外的性能指标。

  1. 选择 KPI 可视化,并在高级编辑模式下切换到属性面板。

  2. 选择外观并展开颜色

  3. 如有必要,请禁用库颜色并启用条件颜色

  4. 单击添加限制以创建新限制。可以将多个限制添加到单个 KPI 图表中。

  5. 指定限制值,或使用表达式编辑器输入表达式。

  6. 颜色栏上,单击要修改的 KPI 的范围区域。

  7. 颜色下,选择预设颜色或使用自定义颜色。

  8. 选择符号并选择 KPI 在指定限制内时显示的符号。

使用动态标题

在进行可视化时,使用动态标题来捕捉图表的本质。考虑为标题构建一个表达式,根据用户选择动态提供信息,而不止是一个通用的标题。

通过使用集合分析结合 max()、min()、rank() 和 correl() 来构建标题,您可以呈现更具动态描述性的图表。

例如,此可视化具有静态标题。

静态标题

一个静态标题为“每年销售额”的折线图,显示了 2018 年至 2021 年间销售额的增长趋势。

如果在标题和副标题中添加动态表达式,图表将更动态地表达信息,并为用户提供更多信息。

动态标题和字幕

一个动态标题为“Sales up 3.2% in the last period”的折线图。

动态标题的优点是它会根据用户的选择而变化。在下面的可视化中,选择了三个销售额最高的国家,更改了可视化的标题和副标题。

选择后的动态标题和字幕

折线图的动态标题已更改为“Sales down 6.4% in the last period”。

本页面有帮助吗?

如果您发现此页面或其内容有任何问题 – 打字错误、遗漏步骤或技术错误 – 请告诉我们如何改进!