Web Accessibility TestingFor Everyone

Reflow (mobile friendly)

Things to check for:

  • No horizontal scrolling is needed in a window sizes down to 320px wide

Sample column set 1

Set 1 - Column 1

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.

Set 2 - Column 2

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.

Set 3 - Column 3

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.

Sample column set 2

Set 2 - Column 1

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.

Set 2 - Column 2

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.

Set 2 - Column 3

Morbi consequat enim a nisi dignissim mattis. Morbi leo ante, commodo vitae laoreet non, maximus vitae turpis. Vivamus eu lacus sapien. Nulla rhoncus gravida molestie.
Column set 2 does not reflow and horizontal scrolling is required when zoomed to 400% or a 320px wide screen.

Sample Navbar 1

Navigation set 1 does not reflow and horizontal scrolling is required when zoomed to 400% or a 320px wide screen.

Sample Navbar 2