如何使动态房间布局易于访问

Question

我们正在开发一个呈现动态房间布局的 React 应用程序。此房间布局代表一个带座位的物理房间。每个房间平均有40个座位，但也有120个座位的房间。每个座位都有一个弹出窗口，点击座位后会显示更多信息和操作。

目前，我们正在使应用程序易于访问。但我们不确定浏览房间布局的最佳做法是什么。

房间布局可以使用 tab 和 shift + tab 进行导航，但我可以想象，当有 120 个左右的座位时，这会很烦人。

我认为我们可以使用 ARIA: grid role 实现，但我不确定这是否是最佳实践。

这里是quick example的布局。

Answer 1

是的，grid 在你的 link 中的角色更合适，假设你想以网格方式布置座位。

请在此处阅读更多内容，Wai Aria Practices for the Grid and Layout Grids 看起来更适合您的情况。