# 设计无障碍应用程序的最佳实践 分析应用程序支持多种辅助功能。应用程序创建者还可以采取额外措施来提高无障碍性，并确保所有用户都可以访问其分析应用程序中的信息。 分析应用程序支持以下无障碍功能： * 具有高对比度的默认配色方案 * 键盘导航和键盘快捷键 [应用程序中的键盘导航和快捷方式](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/UserInterface/keyboard-navigation-and-shortcuts.htm) * 屏幕阅读器支持 [将 Qlik Sense 用于屏幕阅读器](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/UserInterface/accessibility.htm#Using) 在针对无障碍性设计应用程序时，您应该遵循一些设计最佳实践。此外，您还可以使用特定的应用程序设置来帮助您的应用程序更易于访问。 ## 设计最佳实践 在针对无障碍性进行设计时，请遵循以下最佳实践： * 保持工作表结构扁平 * 先提供概览 * 使用无障碍颜色 * 选择无障碍性可视化 * 避免故事叙述 ### 保持工作表结构扁平 在将可视化添加到工作表时，请使用具有少量列和行的平面结构。扁平结构提高了用户的可读性。此外，它还使键盘导航更容易，因为键盘导航从左上角移动到右下角。 具有许多列和行的复杂工作表布局既难以理解，也难以用键盘导航。设计工作表时，尝试用键盘导航，看看用户如何看待您的应用程序。 扁平工作表布局 扁平工作表布局 扁平工作表布局 ![平面工作表布局，图表划分为均匀的两行。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible_flat.png) 复杂的工作表布局 复杂的工作表布局 复杂的工作表布局 ![完整的工作表布局，不规则的可视化布局。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible_complex.png) ### 先提供概览 创建工作表时，请先提供概述，然后提供详细信息。这使得用户更容易使用工作表中的信息。例如，首先在工作表中提供摘要和 KPI，然后提供更详细的表格或其他可视化。您还可以将详细信息放置在另一工作表上。或者，您可以调整工作表的大小，使其可滚动，并将其他详细信息放在工作表更靠下方的位置。 有关更改工作表尺寸的详细信息，请参见[更改工作表布局](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Sheets/changing-sheet-layout.htm)。 ### 选择正确的可视化 分析应用程序提供了一系列用于分析的可视化。在设计无障碍应用程序时，一些可视化是更好的选择。选择可视化时请记住以下几点： * 使用带有数据视图的图表 * 使用垂直表可视化 * 避免使用映射图表 * 避免使用自定义对象 #### 使用带有数据视图的图表 在设计应用程序时，使用带有数据视图的图表。数据视图允许用户将图表更改为表格，帮助他们检查和选择值。 数据视图中具有相同饼图的饼图 数据视图中具有相同饼图的饼图 数据视图中具有相同饼图的饼图 ![饼图的图像，旁边是饼图的数据视图。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible-data-view.png) 数据视图可通过以下图表查看： * 条形图 * 框图（具有一个或多个维度） * 组合图 * 分布图 * 直方图 * 折线图 * 饼图 * 透视表 * 散点图 * 树形图 有关更多信息，请参阅[查看可视化的数据](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/viewing-data-visualizations.htm)。 #### 使用垂直表 与以前的默认表可视化表可视化相比，垂直表具有更好的导航体验。在可访问的应用程序中添加表格时，请使用垂直表而不是表格。 为了获得最佳可访问性，请在您的直观表中启用使用分页和增强可访问性设置。这些设置可在属性面板的外观 > 演示 > 可访问性选项下找到。有关更多信息，请参阅[管理辅助功能设置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table-appearance.htm#Accessibility)。 有关更多信息，请参阅[垂直表](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/StraightTable/sn-straight-table.htm)。 #### 避免使用映射图表 映射图表无法通过键盘导航进行导航。在创建可访问的应用程序时，请考虑使用替代方式来呈现您的地理数据。 #### 避免使用自定义对象 仪表板或可视化捆绑包中的图表可能不如其他图表易于访问。不建议在可访问的应用程序中使用它们。此外，如果您确实使用了扩展，请测试它们以确认您的用户可以访问它们。 ### 使用无障碍颜色 对于患有基于颜色的视觉障碍的人来说，颜色的光谱更窄。他们可能会以不同于您预期的方式解释您的可视化。例如，一些用户可能难以在可视化中使用红色和绿色。当颜色没有足够的对比度时，线条、条形图和饼图切片也很难区分。 最好在您的应用程序中使用简单的配色方案。默认应用程序配色方案各有12种相互对比的颜色。如果可能的话，最好使用三到五种颜色，甚至是基于单一颜色的配色方案。您可以创建自己的自定义配色方案，并在所有可访问的应用程序中使用它们。有关更多信息，请参阅[创建自定义主题](https://qlik.dev/extend/create-custom-themes/)。 您还可以手动设置一些颜色，与主题分开。对于维度，可以将指定颜色设置为主维度中的值。有关更多信息，请参阅[将颜色分配给主维度值](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Colors/assigning-colors-to-dimension-values.htm)。您还可以通过表达式着色来设置颜色。有关更多信息，请参阅[按表达式着色](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Colors/color-by-expression.htm)。要了解有关可视化着色选项的更多信息，请参阅[可视化着色](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Colors/color-a-visualization.htm)。 #### 在 KPI 中添加形状作为绩效指标 考虑在 KPI 中添加形状作为绩效指标。这些添加了上下文，使您的 KPI 更易于访问。例如，您可以使用红色空心圆表示糟糕的结果，绿色实心圆表示良好的结果，三角形作为警告符号，仅在 KPI 状态处于不可接受的水平时出现。有关更多信息，请参阅[对 KPI 添加形状](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Apps/accessibility-analytic-apps.htm#Adding)。 使用绩效指标形状的 KPI 使用绩效指标形状的 KPI 使用绩效指标形状的 KPI ![KPI 使用向下指向的三角形表示负结果，使用向上三角形表示正结果。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible-KPI-ex.png) ### 避免故事叙述 虽然故事对于展示发现很有用，但对于键盘导航和屏幕阅读器来说，工作表更容易访问。在为无障碍性而设计的应用程序中，最好使用表格来展示您的发现。 ## 无障碍应用程序设置 分析应用程序有一系列设置，可以帮助您提高应用程序的无障碍性。 ### 工作表设置 您可以在工作表中更改几个设置以提高无障碍性： * 改善工作表头对比度 * 关闭悬停菜单 #### 改善工作表头对比度 通过将工作标题的样式设置为与工作表形成对比，可以提高工作表头的可见性。 执行以下操作： 1. 在应用程序导航栏中，单击您的应用程序标题。 2. 单击 the 设置 icon 打开设置。 3. 在工作表标题样式设置下，调整颜色设置以提高对比度。 4. 在应用程序导航栏中，单击 the 更多 icon，然后单击 the 设置 icon 。 5. 在菜单中，切换到工作表头样式选项卡。 6. 调整颜色设置以提高对比度。 #### 关闭悬停菜单 关闭悬停菜单可以获得更流畅的导航体验。功能不会丢失，因为这些选项也可以通过上下文菜单和键盘快捷键使用。 执行以下操作： 1. 在应用程序导航栏中，单击您的应用程序标题。 2. 单击 the 设置 icon 打开设置。 3. 在外观下，关闭显示可视化悬停菜单。 4. 在应用程序导航栏中，单击 the 更多 icon，然后单击 the 设置 icon 。 5. 在菜单中，切换到外观选项卡。 6. 关闭可视化的悬停菜单。 ### 图表设置 一些图表有选项，可以帮助用户更容易地访问它们。您可以： * 提供文字说明 * 限制可视化中的维度值 * 对 KPI 添加形状 #### 提供文字说明 可视化带有标题、字幕和脚注字段。提供准确的文本描述可以帮助您的用户浏览您的可视化效果，并为您的工作表提供上下文。如果没有上下文，用户可能需要更长的时间才能在工作表中找到他们感兴趣的信息。标题、字幕和脚注也都通过屏幕阅读器阅读。 您可以在属性面板的外观 > 常规下找到标题、字幕和脚注。 #### 限制可视化中的维度值 在处理维度中的标称数据时，如果类别数量大于 10，请尝试查找层次结构或进行聚合。例如，显示前 10 个值，将其余值分类为其他值，可以使您的数据更易于理解和准确读取。如果需要包含完整的详细信息，可以将其包含在工作表或其他工作表的末尾。 执行以下操作： 1. 选择可视化。 2. 在属性面板的数据下，选择您的维度。 3. 在限制下，选择以下项之一： * 固定数：选择要显示的上限值和下限值。设置值的数量。也可以使用表达式设置数值。单击 the 表达式 icon 以打开表达式编辑器。 * 精确值：使用运算符并设置精确的限值。也可以使用表达式设置数值。单击 the 表达式 icon 以打开表达式编辑器。 * 相对值：使用运算符并设置相对的限值（以百分比表示）。也可以使用表达式设置数值。单击 the 表达式 icon 以打开表达式编辑器。 #### 缩写数字 阅读、收听和理解长数字可能是一种挑战。在可能的情况下，缩写你的数字，以保持较少的数字和小数位数。 您可以使用 Ceil 和 Round 等函数对数字进行四舍五入。例如，如果您想用一个小数位将度量四舍五入到百万，可以使用 `=Round(Sum(Sales)/1000000, 0.1)`。 有关更多信息，请参阅： * [Ceil 脚本和图表功能](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/ChartFunctions/GeneralNumericFunctions/ceil.htm) * [Round 脚本和图表功能](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/ChartFunctions/GeneralNumericFunctions/round.htm) #### 对 KPI 添加形状 如果您对 KPI 使用条件着色，则可以在颜色之外添加符号。符号可用于提供额外的性能指标。 执行以下操作： 1. 选择 KPI 可视化，并在高级编辑模式下切换到属性面板。 2. 选择外观并展开颜色。 3. 如有必要，请禁用库颜色并启用条件颜色。 4. 单击添加限制以创建新限制。可以将多个限制添加到单个 KPI 图表中。 5. 指定限制值，或使用表达式编辑器输入表达式。 6. 在值颜色栏上，单击要修改的 KPI 的范围区域。 7. 在颜色下，选择预设颜色或使用自定义颜色。 8. 选择符号并选择 KPI 在指定限制内时显示的符号。 #### 使用动态标题 在进行可视化时，使用动态标题来捕捉图表的本质。考虑为标题构建一个表达式，根据用户选择动态提供信息，而不止是一个通用的标题。 通过使用集合分析结合 max()、min()、rank() 和 correl() 来构建标题，您可以呈现更具动态描述性的图表。 例如，此可视化具有静态标题。 静态标题 静态标题 静态标题 ![一个静态标题为“每年销售额”的折线图，显示了 2018 年至 2021 年间销售额的增长趋势。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible_static-title.png) 如果在标题和副标题中添加动态表达式，图表将更动态地表达信息，并为用户提供更多信息。 动态标题和字幕 动态标题和字幕 动态标题和字幕 ![一个动态标题为“Sales up 3.2% in the last period”的折线图。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible_dynamic-title.png) 动态标题的优点是它会根据用户的选择而变化。在下面的可视化中，选择了三个销售额最高的国家，更改了可视化的标题和副标题。 选择后的动态标题和字幕 选择后的动态标题和字幕 选择后的动态标题和字幕 ![折线图的动态标题已更改为“Sales down 6.4% in the last period”。](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/ui_accessible_dynamic-title-changed.png)