WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Testing 1.4.4 Resize and 1.4.10 Reflow

for

From: Patrick H. Lauke
Date: Apr 19, 2023 5:40AM


> The issue of the scale percentage (in system display settings) is
interesting because
> have not seen that discussed previously, yet it is relevant to many
people who work
> on laptops. All my machines are set to 100% so it's not an issue for
me, but I am
> aware that 125% or 150% are common default settings for physically
small displays
> with high resolution. My view is that they must be set to 100% for
testing purposes.

Just on that point, note that changing the scale percentage also changes
the effective resolution itself. So if you use, say, display resolution
of 1280x1024 but scale set to 150%, your actual resolution (and the CSS
pixels in the browser window that's maximised - leaving browser chrome
aside for simplicity) is approximately 853x682

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ / https://github.com/patrickhlauke /
https://codepen.io/patrickhlauke
https://flickr.com/photos/redux/ / https://www.deviantart.com/redux
https://mastodon.social/@patrick_h_lauke


------ Original Message ------
From "Steve Green" < <EMAIL REMOVED> >
To "Patrick H. Lauke" < <EMAIL REMOVED> >; "WebAIM Discussion List"
< <EMAIL REMOVED> >
Date 19/04/2023 11:50:01
Subject RE: [WebAIM] [EXTERNAL] Testing 1.4.4 Resize and 1.4.10 Reflow

>For SC 1.4.10, the resolution is not "defined as 1280 and 1024". It is defined as either 1280 CSS pixels wide or 1024 CSS pixels high at 400% zoom, depending on whether the content is designed to scroll vertically or horizontally. The other dimension is not specified in either case.
>
>I don't think that testing SC 1.4.10 at 100% zoom in a 320px wide window is valid because the Understanding page refers to "the goal of allowing people to zoom in to 400%." And there are numerous other references to 400% zoom.
>
>The issue of the scale percentage (in system display settings) is interesting because I have not seen that discussed previously, yet it is relevant to many people who work on laptops. All my machines are set to 100% so it's not an issue for me, but I am aware that 125% or 150% are common default settings for physically small displays with high resolution. My view is that they must be set to 100% for testing purposes.
>
>Steve Green
>Managing Director
>Test Partners Ltd
>
>
>-----Original Message-----
>From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of Patrick H. Lauke
>Sent: Wednesday, April 19, 2023 10:50 AM
>To: WebAIM Discussion List < <EMAIL REMOVED> >
>Subject: Re: [WebAIM] [EXTERNAL] Testing 1.4.4 Resize and 1.4.10 Reflow
>
>Possibly relevant: a (lengthy!) back and forth on 1.4.4 Resize Text, how in theory it applies at all possible viewport sizes, and the potential need to have at least a "sensible" lower bound
>https://github.com/w3c/wcag/issues/704
>
>P
>--
>Patrick H. Lauke
>
>https://www.splintered.co.uk/ / https://github.com/patrickhlauke / https://codepen.io/patrickhlaukehttps://flickr.com/photos/redux/ / https://www.deviantart.com/reduxhttps://mastodon.social/@patrick_h_lauke
>
>
>------ Original Message ------
>From "Mark Magennis" < <EMAIL REMOVED> >
>To "WebAIM Discussion List" < <EMAIL REMOVED> >
>Date 19/04/2023 10:42:31
>Subject Re: [WebAIM] [EXTERNAL] Testing 1.4.4 Resize and 1.4.10 Reflow
>
>>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
>>>>>>>>>>>>>>>>>>