自定义辅助功能解决方案,用于Experience Platform

Adobe Experience Platform不断得到增强,以满足所有类型用户的需求,并遵守包括患有视觉、听觉、移动或其他障碍的个人在内的全球标准。 本文档概述了Experience Platform用户界面中的自定义辅助功能解决方案。

主页和用户界面概述

Experience Platform用户界面符合常规文本、图形和UI组件所需的对比度。 此外,还选择了用户界面的颜色以支持所有用户(包括患有视觉障碍的用户)的辅助功能。

在Platform中,可单击或可与指针一起操作的UI元素也可以使用键盘参与。 这包括左侧导航、视频播放器、表格等。

Experience Platform努力满足国际无障碍标准,包括Web内容无障碍准则2.1 A级和AA级,以及Web无障碍倡议 — 无障碍富因特网应用程序(WAI-ARIA)Web标准。

Adobe Experience Platform UI的主页。

左侧导航

Experience PlatformUI中的左侧导航是可通过键盘访问的,并在正常、悬停和选择状态下提供符合辅助功能标准的颜色对比度。

从主屏幕中,用户可以使用Tab键进入左侧导航。 选择​Shift + Tab​会将用户返回到主屏幕。

Experience Platform左侧导航。

左侧导航聚焦后, Tab​将引导用户展开和折叠交互。 展开或折叠左侧导航的功能将通过​Enter(Return)​激活。

Experience Platform左侧导航折叠。

焦点位于左侧导航中时,向上和向下箭头键可导航到导航中的每个项目并持续循环(换言之,在用户选项卡远离左侧导航之前,焦点不会移开)。 选中时,将显示导航项目的焦点。 显示当前选定内容时,会突出显示和加粗文本。 选择左侧导航项时, Enter(Return)​会在右侧面板中打开选定的UI项,但焦点仍保留在左侧导航中,直到用户选项卡离开为止。

Experience Platform左侧导航,并选择源。

平台中的某些功能并未为所有用户启用。 这些项目显示在导航中,但无法选择。 使用键盘导航时,在箭头导航期间会跳过这些项目,无法使用​Enter(Return)​进行选择。

无法选择Experience Platform左侧导航中未为用户启用的部分。

嵌入式视频对话框

通过使用键盘导航突出显示和选择可用的视频链接,可以在Experience Platform内查看视频。 这会在平台UI中打开一个嵌入式视频对话框。

选定元素周围显示蓝色边框,指示已应用焦点。

视频对话框键盘辅助功能

也可以使用键盘导航嵌入式视频对话框。 下表概述了可用于嵌入式视频对话框的完整键盘导航。

对话框元素 键盘辅助功能 描述
播放并暂停 Tab
空格键
使用​Tab​设置对播放按钮的焦点。 ​空格键开始视频播放并暂停视频播放。
洗涤器 Tab
左箭头
右箭头
播放视频时,使用​Tab​来集中清理。 聚焦清洗器后,向左和向右箭头键​分别向前和向后5秒跳过视频播放。
静音 Tab
空格键
使用​Tab​集中静音卷元素。 使用​空格键​将视频播放设为静音或取消静音。
数量 Tab
左箭头
右箭头
使用​Tab​重点关注卷元素。 左箭头和右箭 头键分别上下移动卷。
隐藏式字幕 ("cc") Tab
Enter
向上箭头
向下箭头
​表格 隐藏式字幕 (“cc”)元素。使用​Enter​打开菜单,使用​向上和向下箭头键​选择字幕语言。 ​输入会确认您的选择。
质量 Tab
Enter
向上箭头
向下箭头
使用​Tab​集中Quality元素。 使用​Enter​打开菜单,使用​向上和向下箭头键​选择视频质量。 ​输入会确认您的选择。
全屏 Tab
空格键或Enter
Escape
使用​Tab​集中全屏元素。 使用​空格键或Enter​激活全屏视图。 Esc ("esc")退出全屏模式。
关闭 Tab
空格键或Enter
使用​Tab​集中关闭按钮。 使用​空格键或Enter​键退出视频对话框。
注意

在播放过程中,可随时使用转义(“esc”)键关闭嵌入的视频对话框。

嵌入式视频对话框,其中包含识别键盘导航元素的数字。

文件拖放

在Experience Platform中,所有文件选择拖放区域都可通过键盘访问。 使用​Tab​突出显示​选择文件,然后使用​Enter或空格键​选择它将调用操作系统的文件选择UI。

上传文件后,删除图标变为键盘可导航,以删除选定的文件并上传新文件。 用户可以使用​Tab​来集中查看删除图标,使用​Enter或spacebar​来选择该图标。 删除文件后,Choose files​将自动聚焦并可以选择。

或者,如果上传的文件格式不正确,则会显示错误图标和错误消息,并且​Choose files​按钮处于焦点中并可供选择。

带有错误消息的文件拖放区域和焦点中的“选择文件”按钮。

使用鼠标选择拖放区域也会调用文件选择UI,或者使用鼠标的用户可以选择文件并拖动到区域以开始上传。

当鼠标用户将文件拖放到焦点区域时,文件拖放区域会将其拖入区域。

表浏览

Experience Platform用户界面中的所有表都可通过键盘访问。 可通过一系列键盘快捷键浏览表行和表列并与之交互:

  • 从表标题中,使用​向下箭头​浏览表。 在通过​Tab​导航时,可以选择表标题,并且可以使用​空格键​更改排序顺序。
  • 向上和向下箭 头键在表中的行中上下移动。
  • 选择某行或聚焦某行后,使用行上的​Enter​可在右边栏中显示详细信息。
  • 选择某行或聚焦某行时,使用​箭头键​在行中移动。
  • 使用​Enter​选择行中的项目。 如果必须打开新窗口,则具有屏幕阅读器的用户会收到警报。

浏览表格键盘辅助功能

键盘辅助功能 描述
HOME(函数+左箭头) 聚焦行时,会将用户引导至行中的第一个项目
END(函数+向右箭头) 聚焦行时,会将用户引向行中的最后一项
页面设置 向上遍历表中的10行(每页)
向下页面 向下遍历表中的10行(每页)
控制+主页 转到表中的第一行
控制+结束 每页转到表格中的首个工作

架构编辑器UI

可通过以下功能访问架构编辑器UI:

  • 架构编辑器支持键盘导航,包括使用​Tab​在UI元素中导航。
  • ​选项卡会进入搜索字段,然后进入架构树。
  • 架构树支持使用箭头键在架构树UI中导航
    • 上下 箭头用于遍历树。
    • 左箭头和右 箭头用于展开和折叠节点或在架构树上的内联操作之间移动。
  • 在右侧的详细信息面板中输入(返回) 可激活单个节点详细信息。
  • Home​键返回到树的顶部。
  • End​键导航到树的底部。
  • 架构树还包含用于屏幕阅读器的ARIA标签。

区段生成器UI

使用区段生成器UI创建、编辑区段并与Experience Platform中的区段交互时,以下功能可改进辅助功能:

  • 可通过键盘导航访问区段生成器UI。
  • 屏幕阅读器应识别标题的标记标记,并可以读出标题及其级别。
  • 其他辅助型技术可以使用正确编码的标题来显示大纲或替代视图,来更改页面的可视显示。

查询服务编辑器

查询服务编辑器中提供了以下辅助功能:

  • 查询服务编辑器UI中的颜色对比度符合辅助功能合规性。
  • 编辑器UI外部支持键盘导航。 编辑器UI是嵌入的代码镜像。

源和目标中的“系统视图”选项卡

在源和目标中浏览​系统视图​时,以下功能可改进辅助功能:

  • ​表集中显示第一个源连接卡
    • ​再次使用表格重点关注卡内部的按钮
    • 选择​Enter​以激活卡内的行动动员按钮
  • 在连接卡上选择​Enter​还会激活右边栏中的更多详细信息
    • 激活右边栏后,焦点将设置到该区域。 ​右边栏窗 ​格的表重点为“关闭”。再次选择​Tab​会将焦点移过右边栏面板
    • 如果有多个源连接卡,则​Tab​在连接中移动
    • 使用​箭头键(上、下、左、右)​在源列表中移动
    • 选择​Tab​以在右边栏面板上设置焦点

在此页面上