[a11y] Violation of the Axe scrollable-region-focusable rule

v6
1

Hi! Axe complains about violating the scrollable-region-focusable rule, if the code editor is in read-only mode, there is no line-wrap, and the text overflows the line with the appearance of horizontal scrolling. The check is triggered on the element <div tabindex="-1" class="cm-scroller">...</div>.
Is there any proper way I can fix this?

2

You could make the content element focusable with a tabindex=0 attribute (using contentAttributes.

1 Like
3

Thanks! It helped