问题描述
我们正在开发可呈现动态房间布局的 React 应用程序。这个房间布局代表一个有座位的物理房间。每个房间平均有40个座位，但也有120个座位的房间。每个座位都有一个弹出窗口，点击座位后会显示更多信息和操作。
目前，我们正在使该应用程序可访问。但我们不确定浏览房间布局的最佳做法是什么。
可以使用 tab 和 shift + tab 来导航房间布局，但我可以想象这在有 120 个左右的座位时会很烦人。
我认为我们可以使用 ARIA: grid role 实现，但我不确定这是否是最佳做法。
这是布局的quick example。
解决方法
是的，您链接中的 grid 角色更合适，假设您想以网格方式布置座位。
请在此处阅读有关 Wai Aria Practices for the Grid 的更多信息，Layout Grids 看起来更适合您的情况。