Mendix 可访问性一致性 - 确保您的应用程序可访问 | Mendix 评估指南

Skip navigation

Accessibility

此可访问性报告包含了哪些内容?

Mendix 是一个应用程序开发平台。本报告涵盖使用 Mendix Studio Pro 或 Mendix Studio 创建的 Web 应用程序的可访问性一致性

谁为可访问性负责?

向 Mendix 报告的特定可访问性问题将被视为漏洞。问题成功报告的标准并非适用于所有类型内容,而且 Mendix 是一个支持用户界面开发的应用程序开发平台,因此为了能够成功报告,开发人员需执行特定指令、提供特定内容。使用该平台的应用程序开发人员有责任遵守可访问性标准。

示例 Mendix 平台 开发人员
标头用法 提供详细说明标签的选项(例如 H1H6)。 负责正确使用,例如使用 H1、逻辑排序、标头。
alt 图像标记 提供一个多语言集的选项 alt 图像文本。 必须提供符合逻辑的 alt 文本。
对比度 提供对比度足够的默认主题以及颜色配置的选项。 改变颜色时必须保持颜色之间足够的对比度。
可视化小组件 提供定义为无法访问的可视化小组件,例如图表或地图。 开发人员应该考虑到可视化小组件在可访问性方面的限制,并提供一个有效的替代方案,如文本表示。
键盘选项卡顺序 可以从键盘选项卡索引中对所有 UI 组件执行包含或排除指令。 开发人员应确保表单和网页可通过键盘访问。选项卡和焦点顺序设置应符合逻辑。

Mendix 如何支持可访问性?

Mendix 支持以下准则:

  • 《Web 内容无障碍指南 (WCAG) 2.1》等级 AA 和等级 A(有关更多信息,请点击此处
  • 《美国联邦通信法》2017 第 508 节(有关更多信息,请点击此处

有关 WCAG 指南概要,请参见 WCAG 简要一览表。尽管一览表为 WCAG 2.0 指南一览表,但其也为改进可访问行提供了简单书面解决方案。

Mendix 如何支持 WCAG 2.1?

标准

一致性等级 注释
1.1.1 非文本内容(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台使用标准 HTML 和 WAI-ARIA 技术提供非文本元素的文本等价物。这包括对图像使用 alt 属性以及对输入元素使用 aria-labelaria-describedby 属性。除此之外,Mendix 平台还提供配置小组件附加属性的通用支持。

Mendix 平台允许开发人员在有需要时为可访问性定义纯文本表示。

纯装饰性、无功能或信息目的元素,可能没有替代文本。

1.2.1 纯音频和纯视频(预录)(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台默认不包括音频或视频内容。但是,开发人员可以将视频内容纳入使用 Mendix 创建的用户界面中。此种情况下,开发人员可以使用替代文本(如转录文本),提供视频等效信息。
1.2.2 字幕(预录)(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台默认不包括音频或视频内容。
1.2.3 音频描述或媒体替代(预录)(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不使用同步媒体。
1.3.1 信息和关系(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台使用语义正确的标记,以让传递的信息、结构和关系可以独立展示并能被理解。

注意,Mendix 平台不强制要求执行某一结构,开发人员有责任确认结构正确,并使用正确小组件和设置。

例如,容器控件有不同的渲染模式设置。不恰当地结合使用可能导致辅助技术运行错乱。Mendix 平台不禁止将 footer 容器放入 nav 容器,但这是语义错误。

1.3.2 有意义的顺序(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台生成语义正确标记,便于辅助技术能够解释内容和控件的含义。

开发人员有责任在构建页面时创建有意义的逻辑结构。

1.3.3 感官特性(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台不依赖形状、大小、视觉位置、方向或声音等感官特性来理解内容。

Mendix 平台还使用 WAI-ARIA 技术和正确的 DOM 结构以确保辅助技术能运用这些联系。

如需要,Mendix 会提供界定文本替代方案的选项。

1.4.1 颜色的使用(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 颜色仅用作用户界面元素的装饰或补充属性。文本表示始终可以用作显示信息的主要方法。

开发人员为应用程序中颜色的使用负责。

如需要,Mendix 会提供界定文本替代方案的选项。

1.4.2 音频控制(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台默认不包括音频或视频内容。
2.1.1 键盘(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 通过 Mendix 平台构建的应用程序为 Web 应用程序,支持标准键盘导航和输入功能。这些功能包括使用 Tab 键在可选的 UI 组件之间移动,按下箭头键在元素之间导航(如果适用)以及允许开发人员能够在文本输入上按{Enter}配置行为。
2.1.2 无键盘陷阱(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 通过 Mendix 平台构建的应用程序为 Web 应用程序,支持标准键盘导航。Mendix 确保键盘用户不会陷入部分内容。
2.1.4 字符键快捷方式(A 级) 不适用 Mendix 平台不提供字符键快捷方式的选项
2.2.1 定时可调(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不提供控制时间内容的选项。
2.2.2 暂停、停止、隐藏(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不包括任何运动、闪烁、滚动或自动更新的信息。
2.3.1 闪光三次或低于阈值(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不使用闪光界面元素。
2.4.1 绕过模块(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)- 不适用于非 Web 软件
  • 504.2(创作工具)
  • 602.3(支持文档)- 不适用于非 Web 文档
支持 Mendix 平台具备通过滚动或将焦点设置到其他元素来对绕过模块的链接添加动作的功能。此外,Mendix 容器提供渲染模式,可用作辅助技术输入。

例如,可将容器呈现为 main HTML,使屏幕阅读器自动跳至主内容。

2.4.2 页面标题(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台允许开发人员为所有页面提供网页标题。
2.4.3 聚焦顺序(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台通过链接和表单控件等交互元素使用合理的选项卡顺序。开发人员可以通过更改的选项卡索引来控制聚焦顺序。
2.4.4 链接目的(在上下文中)(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台允许开发人员配置链接标题或文本链接,并提供为图像链接定义 alt 文本的选项。
2.5.1 指针手势(A 级) 支持 Mendix 平台不需要基于路径的手势、多点手势或单点激活来进行空间定位和操做。也不需要复杂的手势。
2.5.2 指针取消(A 级) 支持 Mendix 平台不使用向下事件执行功能。
2.5.3 名称中的标签(A 级) 支持(除例外) Mendix 平台支持在小组件上配置附加属性,比如 aria labelledby

Mendix 平台不提供在按钮或链接中提供隐藏跨度元素的选项。

2.5.4 运动驱动(A 级) 支持 Mendix 平台提供了多种触发功能,不仅限于设备或用户运动。
3.1.1 页面语言(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台基于当前语言在 HTML 元素上设置语言属性 (lang),以指定页面的默认语言。

Mendix 支持从左到右和从右到左的书写方向。

3.2.1 焦点(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台默认在 UI 组件接收焦点时不会引起上下文变化。

开发人员有权配置 onEnter 和 onLeave 事件,但应谨慎使用此选项。

3.2.2 输入(A 级)

同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台默认在 UI 组件接收焦点时不会引起上下文变化。

请注意,当接收到的输入为首选其他 UX 时,可能会引起上下文变化。

3.3.1 错误标识(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台提供了数个选项来显示错误和验证消息。如果适用,这些消息可以直接显示到相关的输入字段。

此外,Mendix 平台使用 aria-invalidaria-describedby 将错误链接到为辅助技术提供信息的输入字段。

3.3.2 标签或说明(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台提供了为用户输入字段指定标签和说明的功能。开发人员可以为两种常见情况添加描述:解释是否需要字段,或提供有关所需格式的说明。

Mendix 平台使用标准 HTML 和 WAI-ARIA 属性将标签和指令与用户界面元素相关联。这包括使用 aria-labelledbyaria-describedby 来描述辅助技术的关系。

4.1.1 解析(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台为所有页面创建正确标记。该标记根据应用程序模型自动生成。
4.1.2 名称、角色、值(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台使用标准 HTML 和 WAI-ARIA 属性将标签和指令与用户界面元素相关联。除此之外,Mendix 平台还提供配置小组件附加属性的通用支持。

4.2 成功标准,AA 级

标准 一致性等级 注释
1.2.4 字幕(直播)(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不使用同步媒体。
1.2.5 音频描述(预录)(A 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 平台不使用同步媒体。
1.3.4 定位(AA 级) 支持 Mendix 平台默认支持响应式设计,提供对如肖像和景观的定位。
1.3.5 明确输入目的(AA 级) 支持 除此之外,Mendix 平台还提供配置自动完成属性的通用支持。
1.4.3 对比(最低限度)(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台提供一个具有足够颜色对比度的默认主题。

Mendix 平台提供了配置颜色的选项。更改默认配色方案时,开发人员有责保持足够高的对比度。

1.4.4 调整文本(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 基于 Mendix 的 Web 应用程序支持内置在现代 Web 浏览器和操作系统中的标准浏览器缩放功能。
1.4.5 文本图像(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台默认不使用文本图像。

开发人员可选择在他们使用 Mendix 创建的页面中纳入文本图像。此种情况下,Mendix 提供为这些图像提供 alt 文本的功能。

1.4.10 反复滚动(AA 级) 支持 Mendix 平台允许开发人员设计响应式页面,内容可以在不丢失信息或功能,且在两种规格里无需滑动滚动条的情况下呈现。开发人员可以控制页面内容,通过添加 CSS 媒体查询调整可见性和规格。
1.4.11 非文本对比(AA 级) 支持 Mendix 平台提供一个具有足够颜色对比度的默认主题。

Mendix 平台提供了配置颜色的选项。更改默认配色方案时,开发人员有责保持足够高的对比度。

1.4.12 文本间距(AA 级) 不适用 Mendix 平台提供配置页面内容、布局和样式的功能。

开发人员控制页面的内容、布局和样式时,有责任满足此要求。

1.4.13 悬停或焦点内容(AA 级) 支持 Mendix 平台默认不基于焦点或悬停事件显示内容。但是,开发人员可以更改 Mendix 小组件行为以将内容显示在焦点或悬停上,并且在失去焦点或悬停时将内容变为隐藏。在这种情况下,开发人员有责满足此要求。
2.4.5 多种方式(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)- 不适用于非 Web 文档
支持 Mendix 平台提供在使用 Mendix 构建的用户界面中合并导航菜单、链接和搜索功能的功能。开发人员有责任按照他们认为合适的方式整合这些内容。
2.4.6 标题和标签(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台对界面元素使用语义正确的标记,包括标题 (H1H6) 和标签。
2.4.7 焦点可见(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台提供一个具有足够颜色对比度的默认主题。开发人员可以根据应用程序的需要,通过更改或添加 CSS 或 SASS 调整此默认主题。
3.1.2 局部语言(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
不适用 Mendix 不提供在同一页面上以多种语言提供文本或数据的选项。

Mendix 平台基于当前语言在 HTML 元素上设置语言属性 (lang),以指定页面的默认语言。

3.2.3 一致性导航(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)- 不适用于非 Web 软件
  • 504.2(创作工具)
  • 602.3(支持文档)- 不适用于非 Web 文档
支持 Mendix 平台使用导航布局提供一致性导航。
3.2.4 一致性标识(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)- 不适用于非 Web 软件
  • 504.2(创作工具)
  • 602.3(支持文档)- 不适用于非 Web 文档
支持 开发人员可以使用 Mendix 平台提供的标准组件库创建一致性用户界面,提供一致性用户体验。创建用户界面时,开发人员有责任创建和维护一致性组件使用。
3.3.3 错误建议(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台提供了数个选项来显示错误和验证消息。这些消息文本可完全配置。如果适用,这些消息可以直接显示到相关的输入字段。开发人员有责任在这些消息中向用户提供明确的指导。
3.3.4 错误预防(法律、金融、数据)(AA 级)
同样适用于:
2017 第 508 节

  • 501 (Web)(软件)
  • 504.2(创作工具)
  • 602.3(支持文档)
支持 Mendix 平台为开发人员提供构建用户界面预防错误功能,即在微流和纳流中验证消息和检查自定义工作流。

Mendix 平台默认使用内置域模型检查功能来检查用户输入数据的数据类型是否有效。此外,开发人员可以创建量身定制的机制(页面和微流),以便在提交之前进行审阅、确认和更正。

4.1.3 状态消息(AA 级) 支持 Mendix 平台提供了显示或隐藏状态消息的功能,并且不会失去焦点。

4.3 成功标准,AAA 级

标准 一致性等级 注释
1.2.6 手语(预录)(AAA 级) 不适用 Mendix 平台默认不包括音频或视频内容。
1.2.7 扩展音频描述(预录)(AAA 级) 不适用 Mendix 平台默认不包括音频或视频内容。
1.2.8 替代媒体(预录)(AAA 级) 不适用 Mendix 平台默认不包括音频或视频内容。
1.2.9 纯音频(直播)(AAA 级) 不适用 Mendix 平台默认不包括音频或视频内容。
1.3.6 确定目的(AAA 级) 支持(除例外) Mendix 平台支持添加 aria landmarks mainnav

Mendix 平台不支持添加 aria landmarks bannercomplementarycontentinfoform navigationsearchapplication

1.4.6 对比度(加强)(AAA 级) 支持 Mendix 平台提供一个具有足够颜色对比度的默认主题。
1.4.7 低背景音或无背景音频(AAA 级) 不适用 Mendix 平台默认不包括音频或视频内容。
1.4.8 视觉呈现(AAA 级) 支持(除例外) Mendix 平台不为用户提供选择前景色、背景色或设置行距的工具。

开发人员可以控制页面布局,并且可以将其设计为宽度不超过 80 个字符的文本块,需确保文本不与页面两侧对齐,文本可放大到 200% 且无需用户水平滚动。

1.4.9 文本图像(无例外)(AA 级) 不适用 Mendix 平台默认不使用文本图像。
2.1.3 键盘(无例外)(AA 级) 支持 使用 Mendix 平台 UI 组件(小组件)构建的页面可以与键盘完全配合使用。
2.2.3 无定时(AAA 级) 不适用 Mendix 平台不提供控制时间内容的选项。
2.2.4 中断(AAA 级) 不适用 Mendix 平台默认不会创建中断。

请注意,开发人员可以创建中断。例如,在这些情况下,开发人员可以关闭聚焦。

2.2.5 重新认证(AAA 级) 不适用 Mendix 平台不会自动注销用户。
2.2.6 超时(AAA 级) 不适用 Mendix 平台不使用超时功能。
2.3.2 闪光三次(AAA 级) 不适用 Mendix 平台不提供闪光的内容。
2.3.3 交互动画(AAA 级) 不适用 Mendix 平台不提供交互动画。
2.4.8 定位(AAA 级) 支持 Mendix 平台提供使用按钮或链接创建面包屑的功能。
2.4.9 链接目的(只针对链接)(AAA 级) 支持 Mendix 平台提供配置链接或按钮标题的选项,如是图像,则提供 alt 文本。
2.4.10 章节标题(AAA 级) 支持 Mendix 平台支持不同标题,例如 H1H6、段落和使用 fieldsets 的选项。
2.5.5 目标尺寸(AAA 级) 支持(除例外) 为保证美观,Mendix 平台的默认样式并非总满足此要求。但可完全调整样式以满足此要求。
2.5.6 并发输入机制(AAA 级) 支持 Mendix 平台提供通过可同时使用的不同输入机制与应用程序进行交互的功能。
3.1.3 特殊单词(AAA 级) 支持 Mendix 平台不为默认文本提供特殊单词,会提供自定义和配置字幕和文本的选项。
3.1.4 缩略词(AAA 级) 支持 Mendix 平台不为默认文本提供特殊单词,会提供自定义和配置字幕和文本的选项。

但开发人员有责任避免缩略词的使用。

3.1.5 阅读水平(AAA 级) 支持 Mendix 平台提供自定义和配置字幕和文本的选项。
3.1.6 发音(AAA 级) 支持 Mendix 平台提供自定义和配置字幕和文本的选项。
3.2.5 请求变化(AAA 级) 支持 Mendix 平台默认不提供自动更新、在相同窗口中打开链接或自动提交表单的元素。
3.3.5 帮助(AAA 级) 支持 Mendix 平台提供数种功能,可通过使用标签和文本将帮助文本添加到页面中。
3.3.6 错误预防(全部)(AAA 级) 支持 Mendix 平台为开发人员提供构建用户界面预防错误功能,即在微流和纳流中验证消息和检查自定义工作流。

Mendix 平台默认使用内置域模型检查功能来检查用户输入数据的数据类型是否有效。此外,开发人员可以创建量身定制的机制(页面和微流),以便在提交之前进行审阅、确认和更正。