раскры示控件还是选项卡：选择合适的模式

选项卡和手风琴组件都会隐藏和显示内容，因此很容易混淆。选错模式可能会让用户不知所措。

选项卡组用于呈现互斥的视图：打开一个面板时，其他面板会关闭。它适合用户一次比较一部分内容的场景。

手风琴组件允许多个区块同时保持打开。它适合较长的常见问题页面，因为用户可能希望并排查看两个答案。

单独的显示与隐藏控件属于披露组件：一个按钮对应一个区域。当只有一小段可选的详细信息需要显示时，可以使用它。

这些模式使用不同的 ARIA。选项卡需要 tablist 和箭头键；披露组件或手风琴组件只需要一个带有 aria-expanded 的按钮。

当每个标签都很短，并且整行能放在页面顶部时，选项卡效果最好。如果标签较长，垂直堆叠的手风琴组件可读性更好。

在窄屏幕上，水平选项卡行通常会超出屏幕。手风琴组件可以自然地垂直堆叠，因此许多团队会在小屏幕上切换模式。

请思考各个区块是否相互独立。如果用户可以同时阅读多个区块并从中受益，请选择手风琴组件；如果只能显示一个视图，请选择选项卡。

不要使用只负责滚动的普通链接来构建这两种模式。链接用于跳转，而这些控件用于切换内容，因此需要使用按钮语义。

如果两种模式难以取舍，请优先选择更简单的方案。与完整的选项卡组件相比，披露组件或手风琴组件需要处理的 ARIA 更少，也更不容易出错。

正确的选择取决于内容，而不是外观。先确定用户需要如何阅读和比较内容，再将需求映射到合适的模式。

您已经学会了根据内容需求进行选择：选项卡适合一次显示一个视图，手风琴组件适合同时打开多个区块，披露组件适合单独显示一段内容。