创建可访问的 Web 资源

 

发布日期: 2017年1月

适用于: Dynamics 365 (online),Dynamics 365 (on-premises),Dynamics CRM 2016,Dynamics CRM Online

当您将提供用户界面元素的 Web 资源包括在解决方案中时,请确保包括让残疾人使用您的 Web 资源的要求。

Microsoft Dynamics 365(在线或本地) 应用程序用户界面元素遵循允许所有用户使用相同功能的标准和最佳做法。 残疾人可以依靠对辅助技术 (AT) 的使用(例如屏幕阅读器或各种备选输入装置)来与应用程序交互。

本主题介绍一般指南和执行更多资源的链接,以帮助您设计可供残疾人访问的 Web 资源用户界面。

本主题内容

辅助技术

可访问的 HTML Web 资源

辅助 Silverlight Web 资源

辅助功能测试工具

其他资源

辅助技术

有各种辅助技术 (AT) 应用程序,它们提供屏幕阅读器、Braille 终端和语音识别软件。 这些应用程序为的用户界面元素提供一个中介,以便使用 AT 的用户可以使用您的程序。

对于 Windows 应用程序,Microsoft UI Automation (UIA) 类提供对用户界面元素的编程访问。 这些类支持自动化测试和 AT。 AT 应用程序可以使用由开发人员定义并通过 UIA 公开的属性和元素。 窗口应用程序开发人员已经对如何使用 UIA 公开其 UI 元素有了相当多的控制。

对于 Web 应用程序,某些 HTML 元素通过文档对象模型 (DOM) 公开。 浏览器将 DOM 元素转换成 UIA 对象,AT 可以使用这些 UIA 对象中的属性和事件让用户能够使用 Web 应用程序。 开发人员对使用 UIA 的浏览器如何公开 UI 元素进行了有限限制。

可访问的 HTML Web 资源

Web 资源中的 HTML 由浏览器处理,并且可用于 AT 应用程序。

要考虑的第一件事是确保您的 HTML 遵循期望的使用模式。 例如,您可以定义具有点击事件的 div 元素,以便它像 HTML button 元素一样准确起作用。 然而,这个浏览器不期望将 div 元素用作按钮,也不会将相同的属性和事件公开给 AT 应用程序。

您将正确的 HTML 元素用于用户与您的 Web 资源交互的类型是非常重要的。 这称为语义 HTML

不过,语义 HTML 只能使用到目前为止。 现代 Web 应用程序通常包括由许多协同工作的 HTML 元素组成的自定义控件。 经常使用异步 JavaScript 动态更新的页面内容会对仅依赖语义 HTML 的 AT 应用程序造成困惑。辅助富 Internet 应用程序 (ARIA) 技术通过扩展具有可与自定义语义通信的附加属性的 HTML,提供了一种解决方案。

ARIA 提供一组可应用于控件中使用的 HTML 元素的标准扩展属性,也称为“小组件”。 这些属性描述 HTML 元素在控件中扮演的角色。 ARIA 还提供改进导航体验的功能,使用户能够知晓可动态更新的元素。 建议的做法是通过语义 HTML 对 ARIA 分层。

除了包括对 AT 的支持,您还必须考虑其他要求。 例如,当用户增加文本大小时,UI 怎么调整? UI 是否要求用户能区分颜色以执行任务? 可以使用键盘执行所有操作吗? 有关详细信息,请参阅 Web 辅助功能简介

辅助 Silverlight Web 资源

Silverlight Web 资源承载于 Microsoft Dynamics 365(在线或本地) 窗体或 HTML Web 资源中,而 UI 则由 Silverlight 浏览器插件呈现。Silverlight 是 Windows Presentation Framework (WPF) 的子集,因此编程访问和 AT 通过类似 WPF 窗口应用程序的 UIA 实现。 有关详细信息,请参阅针对开发人员的 Silverlight 辅助功能

辅助功能测试工具

下表提供了一些公开提供的辅助功能测试工具:

  • Visual Studio 可访问性检查器
    如果您使用 Microsoft Visual Studio 编辑 HTML Web 资源文件,则会发现有许多内置工具可用来检查与辅助功能有关的问题。 在“工具”菜单中,选择“检查辅助功能”,查看提供有关辅助功能相关问题的指南的报告。

  • UI 可访问性检查器
    通过 UI 辅助功能检测器(或称为 AccChecker),测试人员可以轻松发现 Microsoft Active Accessibility (MSAA) 和 Windows 的其他用户界面 (UI) 实现中的辅助功能问题。 由于认识到现有的 Windows 自动化 API 工具(如 Inspect)虽然提供了实现的详细信息,但是未提供有关实现是否正确的信息,因此开发了 AccChecker。

  • 检查 (Inspect.exe)
    Inspect (Inspect.exe) 基于 Windows 的工具,可用来选择任何 UI 元素和查看元素的辅助功能数据。 除了 Microsoft Active Accessibility 属性外,您还可以查看观看 Microsoft UI Automation 属性和控件模式。 Inspect 还可用于测试 UI Automation 树中自动化元素的导航结构,以及 Microsoft Active Accessibility 层次结构中的辅助功能对象

  • 可访问事件观察器 (AccEvent.exe)
    辅助功能事件观察器 (AccEvent) 工具允许开发人员和测试人员验证在 UI 发生更改时,应用程序的 UI 元素是否会引发相应的 Microsoft UI Automation 和 Microsoft Active Accessibility 事件。 当焦点改变,或当调用、选择 UI 或者 UI 发生状态或属性更改时,UI 将发生更改。

其他资源

以下资源为定义使 Web 资源具有辅助功能的需求提供了切入点:

另请参阅

网页 (HTML) Web 资源
Silverlight (XAP) Web 资源
Microsoft Dynamics 365 的 Web 资源

Microsoft Dynamics 365

© 2017 Microsoft。 保留所有权利。 版权