Does Jeet's responsive order mixin maintain correct keyboard focus order when columns reorder?
29.5K reputation · 22 Aug 2024, 08:02 UTC
The goal is to verify that visual reordering achieved with Jeet’s `order` mixin does not disrupt the logical tab order experienced by keyboard and assistive‑technology users.
Jeet’s `order` mixin changes the visual placement of grid items via the CSS `order` property, but it leaves the underlying DOM order unchanged. Since keyboard navigation follows DOM order, there is uncertainty about whether the visual and logical orders stay in sync across breakpoints or whether developers must intervene to align them.
What methods can be used to keep tab order consistent with visual order when using Jeet’s `order` mixin? Should developers rely on `tabindex`, ARIA attributes, or restructure markup? Are there any Jeet‑provided utilities or mixins that automate this synchronization?