WebAIM - Web Accessibility In Mind

E-mail List Archives

Tab controls and WCAG 1.4.10 Reflow


From: Laurence Lewis
Date: Mar 30, 2022 11:52PM


I have a situation where a Tab component design had multiple tabs
horizontally. If the screen is resized, or zoomed, some of the tabs are
hidden from view in the sized container div. In some cases the tab name can
be truncated with half the tab in view.

The tabs can be scrolled in the container which opens other problems,
for WCAG 2.2 I think this will be a Visible Controls fail. but, is this a
Reflow fail? I believe it may be because a Tab component does nor require
a two-dimensional layout to be meaningful and thus the Tabs can be stacked
in view.

I would like to hear the opinion of other A11y people on potential
accessibility issues.

All the best
Digital Accessibility Senior Specialist Telstra