设计应用

网格布局允许应用保持一致，并保证设计组件之间的可识别关系。 可以了解网格系统，以及应用中缩放和缩放级别以通过提交条件的提示。

缩放和响应式设计对于所有 Teams 应用都至关重要，以便用户可以确定性地成功与所有界面交互。 为了通过 Teams 应用商店评审，整个文本必须可见且不截断。

网格的 4 像素基本单位允许组件在 Teams 中的所有显示大小之间一致地缩放。 在以下示例中，每个按钮的角半径为 4 像素。

移动设计必须为 320 像素。

桌面的最小大小为 550 像素。

避免文本重叠和截断。

重叠的文本和按钮可能不符合我们的辅助功能标准。

避免通过重排、优先调用操作 (CDA) 和操作项来截断。

如果不进行换行，文本和 CCA 将不可用。

使用响应式设计避免文本重叠和截断。

建议测试最大缩放比例为 200%。

整个文本必须可见并可供所有用户使用，这意味着它必须超过特定的颜色比率，具体取决于其使用情况。 若要检查对比度级别，检查 WebAIM 对比度检查器。

具有任何视觉障碍或残障的所有用户都需要访问 Teams 应用。 不接受具有不可访问文本的提交。

避免文本重叠和截断。

如果 1920 x 1080 分辨率存在问题，你的应用可能无法通过提交过程。

应用的移动视图必须具有响应性，类似于 Web 应用最窄的响应断点。

移动应用上不得切断或无法辨认任何内容。

如果标头截断，请使用工具提示，以便用户可以通过悬停来读取标头。

如果应用具有无法辨认的标头且没有悬停功能，则不会通过 Teams 提交。