模态对话框中确认按钮的可访问性注意事项是什么？

Question

考虑一个模态对话框，用户可以在其中 select 列表中的项目。

选项 1：select从列表中选择一项后立即关闭模式。

选项 2：为 selected 项目设置 selected 状态，并提供确定/取消按钮以在关闭模式之前确认 selection。

从可访问性的角度来看，这两个选项中的哪一个是首选？ （考虑键盘导航支持等）。请注意，selection 是非破坏性的，用户可以轻松地重新打开模态并更改 selection。

Answer 1

选项 2 是您的最佳选择here is some guidance related to this and the WCAG guideline

基本上不要根据任何类型的输入自动更改上下文、更新列表等，您应该始终给用户一个机会来确认他们的操作。

现在的问题是，如果用户所做的只是从列表中选择一项，您真的需要模态框吗？

当然，只有一个可供选择的列表会是一个更好的用户体验（这取决于你在做什么，只是想我会指出来，因为你没有给出例子）。

您还需要考虑这样一个事实，即您的模态列表应该显示选项数量、当前选择的选项等等。然而，这些只是猜测和需要考虑的事情，可能无关紧要。