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 键在 Safari 中的 Tab 顺序按预期运行,您必须在 Safari 设置的高级窗格中启用按 Tab 键以突出显示网页上的每个项目。 此外,您也可以使用 Option+Tab 键和 Option+Shift+Tab 键在 Safari 中导航 Tab 键顺序。
下表汇总了本部分中的信息:
| 页面类型 | 可访问性状态 | 备注 |
|---|---|---|
全屏 | 支持 | 使用构建器中的自动计算固定布局中的元素 Tab 键顺序设置。 |
滚动 | 支持 |
模板
如果从模板开始操作,建议您使用以下列出的全屏模板之一,所有这些模板都针对可访问性进行了优化: 所有这些模板将显示在模板库的默认选项卡中。
- Billboard
- 年表
- Dart
- Foldable
- 框
- 图库
- 常规
- JewelryBox
- 旅程
- Launchpad
- Plateau
- Preface
- 功能区
- 天际线
- 摘要
- 选项卡
模板库的 ArcGIS Online 选项卡将列出 Esri 和用户创建的公共模板。 针对可访问性对 Job Hunting (A11Y) 模板进行了优化。
针对可访问性,在以下方面对这些模板进行了优化:
- 它们具有直观的键盘导航 Tab 键顺序。 元素遵循可视等级且不重叠。 自动计算固定布局中的元素 Tab 键顺序设置默认启用,因此如果您更改默认布局,则 Experience Builder 将更新 Tab 键顺序以保持直观的顺序。
- 默认颜色对比度满足 WCAG 最低要求:文本为 4.5:1,用户界面组件和图形对象为 3:1。
- 键盘焦点指示器采用默认颜色,该颜色经过优化,能够显示清晰可辨的焦点环。
- 如果需要,大号文本将显示在等级介于 1 到 6 之间的标题中。
- 具有默认图像源的图像微件具有默认替代文本。 空占位符图像微件具有空白替代文本,可以在添加图像时添加替代文本。
屏幕阅读器
已通过以下浏览器和屏幕阅读器组合对 Experience Builder 的可访问性支持进行了测试:
| 操作系统 | 浏览器 | 屏幕阅读器 |
|---|---|---|
Windows | Google Chrome,Mozilla Firefox | NVDA |
macOS | Safari,Google Chrome | VoiceOver |
注:
不同屏幕阅读器的行为可能不同。
注:
NVDA 存在一个已知问题,该问题会导致在屏幕阅读器运行时,某些按键按下事件无法触发。 为避免此问题,请在 NVDA 设置的浏览模式类别中关闭页面加载时启用浏览模式。
注:
未完整涵盖此处未列出的其他屏幕阅读器和浏览器组合,例如 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+空格键以选择表格中的行。 |
文本 | 支持 | 您可以在文本格式下的微件设置中定义标题级别。 “文本”微件仅在可滚动且包含任何交互式元素(如链接)时,才能接收键盘焦点。 |
时间线 | 支持受限 | 键盘不支持移动滑块。 |
视图导航 | 支持受限 | 可以使用方向键在视图之间导航。 可以使用 Enter 键激活当前视图。 屏幕阅读器不支持滑块、箭头 1 和箭头 3 快速样式。 |
微件控制器 | 支持 | 可以使用箭头键调整微件面板的大小。 |
注:
图标默认包含空白替代文本。