Esri 致力于让 ArcGIS Experience Builder 可供所有用户访问,符合万维网联盟 (W3C) 的 Web 内容无障碍指南 (WCAG)(2.0、2.1、2.2 AA)和修订的条例 508 标准。 经过认证的可达性专家已经使用 Voluntary Product Accessibility Template (VPAT) 对 ArcGIS Experience Builder 进行了测试,该模板用于记录产品是否符合可达性标准和准则。
请参阅 ArcGIS Experience Builder 的 Esri 可访问性合规报告。
有关 Esri 无障碍技术承诺的详细信息,请参阅 Esri 可访问性。 有关可访问性的法律信息,请访问 Esri 法律。 有关可访问性最佳做法,请阅读 ArcGIS Experience Builder 的可访问性最佳做法。
以下各节介绍了用于构建可访问应用程序的当前 Experience Builder 功能。 将在未来软件更新中添加更多可达性功能。
注:
以下各节的内容在增量版本中可能发生更改。
页面
可在页面面板上添加三种类型页面:全屏、滚动和格网。 建议使用全屏和滚动页面构建可访问应用程序。
全屏页面使用固定布局,其中微件在页面上处于绝对位置。 默认情况下,键盘导航 Tab 键顺序与将微件添加至画布的顺序相同。 但是,这意味着根据添加微件的顺序,键盘导航 Tab 键顺序可能会按照用户意想不到的顺序在页面上跳转。
要创建更直观的 Tab 键顺序,可以单击位于构建器中的 A11Y 按钮,然后启用自动计算固定布局中的元素 Tab 键顺序。 如果执行了上述操作,则 Experience Builder 将为全屏页面(以及固定布局容器中,例如“卡片”和“列表”微件,这些容器的行为与全屏页面类似)中所有新添加的微件创建逻辑 Tab 键顺序。 Experience Builder 将根据微件位置自动计算选项卡键顺序。 为了获得最佳效果,请在构建可访问的应用程序之前先启用此设置。
启用自动计算固定布局中的元素 Tab 键顺序不会自动调整布局中现有微件的 Tab 键顺序。 必须对布局进行小幅调整,才能触发自动计算,但您仅需进行一次小幅调整,即可触发整个固定布局的自动计算。 例如,在页面、部分、“卡片”微件上调整一个微件的大小会触发整个页面、部分或“卡片”微件的自动计算。
注:
自动计算的 Tab 键顺序将更改微件的垂直顺序。 在构建可访问的应用程序时,建议您避免将微件叠加在一起。
滚动页面按块和屏幕组进行排列。 块容器类似于行微件。 键盘 Tab 键顺序与滚动页面的逻辑阅读顺序相同。 但是,如果添加使用固定布局的微件,例如“卡片”、“固定面板”和“部分”微件,这些微件将使用上述固定布局的行为,您必须使用 A11Y 按钮来实现直观的 Tab 键顺序。
下表汇总了本部分中的信息:
| 页面类型 | 可达性状态 | 备注 |
|---|---|---|
全屏 | 支持 | 使用构建器中的自动计算固定布局中的元素 Tab 键顺序按钮。 |
滚动 | 支持 |
模板
如果从模板开始操作,建议您使用以下全屏模板之一,所有这些模板都针对可访问性进行了优化: 所有这些模板将显示在模板库的默认选项卡中。
- Billboard
- 年表
- Dart
- Foldable
- 框
- 图库
- 常规
- JewelryBox
- Launchpad
- Plateau
- Preface
- 功能区
- 天际线
- 摘要
- 选项卡
模板库的 ArcGIS Online 选项卡将列出 Esri 和用户创建的公共模板。 针对可访问性对 Job Hunting (A11Y) 模板进行了优化。
屏幕阅读器
已通过以下浏览器和屏幕阅读器组合对 Experience Builder 的可达性支持进行了测试。
| 操作系统 | 浏览器 | 屏幕阅读器 |
|---|---|---|
Windows | Google Chrome,Mozilla Firefox | NVDA |
macOS | Safari,Google Chrome | VoiceOver |
注:
不同屏幕阅读器的行为可能不同。
注:
未完整涵盖此处未列出的其他屏幕阅读器和浏览器组合,例如 VoiceOver 与 Microsoft Edge 的组合。
主题和颜色
应用程序主题决定了应用程序的内部颜色。 已针对每个波段的颜色对比度优化六个默认主题:Prime、Astro、Ocean、Velvet、Abyss 和 Meadow。 如果您选择自定义主题颜色,需要确保这些颜色满足对比度和颜色可达性要求。
在主题设置中,可以更改表面和交互式元素的背景颜色。 还可以更改在这些元素上面显示的文本的颜色。 页面、容器、叠加窗口以及交互式元素的默认和选定状态已链接背景颜色和文本颜色的颜色设置。 当您更改背景颜色时,Experience Builder 会自动选取与背景颜色形成对比的文本颜色。 如果将文本颜色更改为对比度不足的颜色(至少为 4.5:1),系统将显示一条警告,提示您选取其他文本颜色。
同样,在主题设置中,可以更改焦点指示器的颜色,该指示器将显示具有键盘焦点的应用程序元素。 默认情况下,焦点指示器颜色链接到主要主题颜色。 即该颜色的不同色调。 更改主要主题颜色也会更改焦点指示器颜色。 如果使用与焦点指示器相关联的颜色选取器更改其颜色,则两种颜色将取消链接,但可以单击重置以重新链接两种颜色。
在文本微件和图表微件等许多微件的设置中,可设置与主题颜色不同的自定义颜色。 时间轴微件的一些微件可用于选择前景和背景颜色。 如果在应用程序中使用自定义颜色,则需要确保颜色满足可达性标准。
微件
可以使用键盘将微件从全屏页面的插入微件面板添加至画布。 为此,使用 Tab 键将键盘焦点导航至微件,然后按 Enter 键或空格键。 该微件将在画布中心显示。 如果将键盘焦点导航至页面大纲中的微件并选择该微件,则随后可以使用箭头键在画布上四处移动该微件。
要为微件提供可供屏幕阅读器读取的自定义标注,单击 A11Y 按钮,然后打开启用每个微件的可访问性设置。 当打开此设置时,应用程序中每个微件的微件设置的内容选项卡上将显示可访问性设置部分。此部分包含以下设置:
- 可访问标注 - 为微件提供可供屏幕阅读器读取的可访问标注。
- 在“跳至”中启用 - 添加 Tab 键顺序快捷键,以供用户在运行时直接跳转至聚焦键盘 Tab 键顺序中的此微件。 如果为至少一个微件打开此设置,则微件 Tab 键顺序的开头将显示一个快捷按钮。 当您按 Tab 键时,对于已打开此设置的所有微件,将在 Tab 键顺序开头显示快捷键。 只能在大纲的第一级为微件添加“跳至”快捷键。 在地图和布局容器中嵌入的微件不支持此设置。 如果在页面设置中打开页眉和页脚,则二者将具有“跳至”快捷键。
以下微件支持可达性。 特定要素和排列样式存在一些例外情况。 已记录例外情况。
注:
涉及地图微件和其他微件的一些交互(例如在地图上使用绘制微件绘制)尚不支持键盘导航或屏幕阅读器。
| 微件 | 可达性状态 | 备注 |
|---|---|---|
手风琴式 | 支持 | |
添加数据 | 支持 | |
底图库 | 支持 | |
书签 | 支持 | |
按钮 | 支持 | |
列 | 支持 | 可添加内边距在列内显示微件的聚焦环。 |
坐标 | 支持受限 | 键盘不支持从地图中获取坐标。 |
方向 | 支持受限 | 键盘不支持通过单击地图重新排序停靠点和添加停靠点。 |
分隔线 | 支持 | |
绘制 | 支持受限 | 键盘不支持在地图上进行绘制。 |
嵌入 | 支持 | |
要素信息 | 支持 | |
要素报告 | 支持 | |
过滤器 | 支持 | |
固定面板 | 支持 | |
流式行 | 支持 | |
图像 | 支持 | 可手动向图像添加替代文本。 |
列表 | 支持 | 可使用 Esc 键退出动态列表。 |
地图图层 | 支持受限 | 可使用左箭头键和右箭头键展开和折叠图层组。 可以使用空格键和 Enter 键通过重新排序下拉菜单选项对图层进行重新排序。 执行某项操作后,键盘焦点可能不会自动返回到选项按钮。 |
测量 | 支持受限 | 键盘不支持与“地图”微件进行交互。 |
菜单 | 支持 | |
占位符 | 支持 | |
打印 | 支持 | |
行 | 支持 | |
搜索 | 支持 | |
选择 | 支持受限 | 键盘不支持与“地图”微件(交互式选择内容)进行交互。 |
共享 | 支持 | |
侧边栏 | 支持 | |
调查 | 支持 | 可以使用可访问标注设置为连接到微件的调查项目添加可供屏幕阅读器读取的标题。 但是,如果在微件中加载的 Survey123 版本调查早于 3.12,则必须在加载调查后添加可访问标注,该调查才会按预期在 iFrame 标题中显示。 |
卷帘 | 支持受限 | 键盘不支持高级模板。 |
表 | 支持 | 可以使用 Shift+空格键以选择表格中的行。 |
文本 | 支持 | 您可以在文本格式下的微件设置中定义标题级别。 |
时间线 | 支持受限 | 键盘不支持移动滑块。 |
视图导航 | 支持受限 | 屏幕阅读器不支持快速样式滑块、箭头 1 和箭头 3。 |
微件控制器 | 支持 | 可以使用箭头键调整微件面板的大小。 |
注:
图标默认包含空白替代文本。