模态框是出现在主内容前面的容器，用于提供关键信息或可操作的内容。
- 支持任何类型的内容：与其他容器一样，模态框可用于不同场景，您应该能够在其内部使用任何其他组件。
- 补充操作：由于模态框中的内容可能是可操作的，因此需要有一个用于操作元素的区域。此区域通常位于模态框容器的底部。
- 关闭操作：模态框应提供清晰的关闭方式，因为它们在打开时会阻塞内容。这可能是一个单独的关闭按钮或补充操作之一。
- 信息结构：尽管模态框可以用作内容空容器，但它们需要一个定义明确的信息结构，以提供整体体验。这可能包括定义默认的标题和副标题外观，或操作元素区域的位置。
- 键盘导航支持：应可以通过按 Esc 键关闭模态框，并且模态框容器内的所有可聚焦元素都应可通过键盘导航访问。
- 焦点捕获：一旦模态框打开，焦点应移动到模态框内的第一个元素，并在模态框容器内循环。关闭模态框时应将焦点返回到页面上的最后一个聚焦元素。