Issue with Tab Key Navigation in Flat Layout Matrix Question | XM Community
Skip to main content
Question

Issue with Tab Key Navigation in Flat Layout Matrix Question


Forum|alt.badge.img+9

I'm encountering an issue with the Flat Layout in Qualtrics matrix questions. When using the tab key to navigate between answer choices, the outline (visual indicator of focus) doesn't appear.

I've tried implementing custom CSS to address this behavior, but haven't been successful. Currently, the outline only appears on hover, not when navigating with the tab key. This creates accessibility concerns for users who rely on keyboard navigation.

Has anyone else encountered this issue? Are there any known workarounds or solutions to enable the outline for tab key navigation in the Flat Layout matrix question? 

 

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5932 replies
  • March 19, 2024

@Vinoth_Mathaiyan,

Use a CSS something like the following where hover and focus apply the same style: 

.Skin label.q-checkbox:hover, .Skin label.q-checkbox.q-focused {
border: 2px solid black;
}

Forum|alt.badge.img+9
TomG wrote:

@Vinoth_Mathaiyan,

Use a CSS something like the following where hover and focus apply the same style: 

.Skin label.q-checkbox:hover, .Skin label.q-checkbox.q-focused {
border: 2px solid black;
}

Thank you so much, TomG


Leave a Reply