WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Testing 1.4.4 Resize and 1.4.10 Reflow

for

From: Mark Magennis
Date: Apr 19, 2023 3:42AM

For SC 1.4.4 Resize there is no specified 'starting' viewport size so you have to test at what is 'reasonable'. I like to test down to 640px width because 200% zoom makes this equivalent to the 320px width required by 1.4.10 and I think it's reasonable to expect pages to work down to that level.

I say "down to 640px", not "at 640px" because in practise, issues may appear and disappear as you change the width or zoom, so you may have issues at, say 1020px and 200% zoom that don't appear at 640px and 200% zoom. Similarly, you might have issues that appear when you zoom to 150% and then disappear when you get to 200%. So you ideally want to test the whole range. I like to grab the right side of the window with the mouse and gradually shrink it to see if anything nasty happens on the way, then investigate further if I see anything.

Also bear in mind that if you have a responsive design which changes the layout and/or content at specific breakpoints, you need to text each different layout/content. So make sure you test just below each breakpoint.


-----Original Message-----
From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Gopinathan Natesan
Sent: Wednesday 19 April 2023 10:31
To: <EMAIL REMOVED>
Cc: <EMAIL REMOVED>
Subject: [EXTERNAL] [WebAIM] Testing 1.4.4 Resize and 1.4.10 Reflow

[You don't often get email from <EMAIL REMOVED> . Learn why this is important at https://aka.ms/LearnAboutSenderIdentification ]

Hi Team,

I have few queries regarding Reflow and Resize.

*1.4.4 Resize:*
In SC 1.4.10, we have specific resolution defined as 1280 and 1024, similarly is there any specific resolution defined to test SC 1.4.4?
Can we test only by zooming the web page to 200% alone(without bothering about the resolution of the display)?

*1.4.10 Reflow:*
In 1.4.10, I am aware of two methodologies to test the page:

1. Open system settings. Change resolution to 1280x1024. Open the web
page in the browser. Zoom to 400% and test.
2. Do not bother about system settings. Open web page. Open developer
tools. Change the responsive to 320 and 256. Test the page.

Whether both the above methodologies are same in testing SC1.4.10?
Also in methodology 1, should we need to set the scale percentage(in system display settings) to default or 100%?


Thanks,
Gopi.
+91 90421 89481