Html Bootstrap 3推/拉和可访问性

我试图让我们的网页更容易访问，并且对推/拉部分的标签顺序感到困惑

以下是一个例子：

乱数假文
所有人都能看清真相

乱数假文
所有人都能看清真相

你的问题有点笼统

可访问性问题：

避免使用大于0的tabindex值。这样做会让事情变得更糟 对于依靠辅助技术导航和导航的人来说很困难 操作页面内容。相反，使用中的元素编写文档 逻辑顺序

交互式内容

（可通过键盘进行交互式聚焦） 一些HTML元素在默认情况下是可聚焦的（按钮/链接/表单输入等）

此选项卡的选项卡顺序

您使用推拉模式（即桌面版与移动版）有什么原因吗？如果是这样的话，有一种方法可以在不必求助于

tabindex

等的情况下使用替代布局。如果不是这样的话，请提供更多关于您为什么这样做的信息，这将帮助我们为您提供一个彻底的解决方案，因为DOM顺序是可访问性的关键。很抱歉造成混淆，我试图使代码尽可能短，以使事情更简单，但我可能脱得太多了。我添加了另一行，其中不包含推/拉。基本上，我们只是想要在桌面上交替使用图像/文本和CTA的美观，但让它们在移动设备上先堆叠图像，然后堆叠文本和CTA。谢谢你的建议，并澄清了一些关于可访问性的问题，我对此感到模糊。我对你的解决方案做了一个小小的调整，它达到了我的目的。我删除了push/pull类，并按照桌面的顺序进行了设置。在一个媒体查询中，我有：.flex容器{display:flex；flex direction:column reverse；}这样我就不需要设置flex项了。