RE: How to test for WCAG 2.1 SC 1.4.10 Reflow - Level AA?

Aha!  Nice workaround by docking the Chrome DevTools to the side.   That allows the Chrome browser viewport to be resized below 500 pixels.  Also, good advice on starting at 640 pixels in the browser viewport width, then zooming to 200% to test for Reflow.  Thank you, Patrick, for those tips.

Brooks

-----Original Message-----
From: Patrick H. Lauke <redux@splintered.co.uk> 
Sent: Monday, February 10, 2020 11:03 AM
To: w3c-wai-gl@w3.org
Subject: Re: How to test for WCAG 2.1 SC 1.4.10 Reflow - Level AA?

On 10/02/2020 17:00, Patrick H. Lauke wrote:
> On 10/02/2020 16:29, Newton, Brooks (TR Product) wrote:
> 
>> I’ve noticed that my desktop version of Chrome does not allow me to 
>> resize the browser viewport below 500 pixels, which makes it 
>> impossible for me to perform the Reflow test by manually adjusting 
>> the browser viewport dimensions down to 320 pixels.
> 
> For that, I usually keep my devtools docked and to the right. then, I 
> can pull the vertical splitter/divider between web content and 
> devtools to whatever size I want (and as a bonus, it shows me the 
> current pixel dimensions of the browser part in the top-right of the 
> browser part - though I'll note that this does NOT take into account 
> zoom level, so perform it at 100% there unless you like to do mental 
> arithmetics of what the actual CSS width is).

Also, an alternative if you don't want to dock DevTools: resize the window to 640 px then zoom 200% -> 320 CSS px viewport.

P
--
Patrick H. Lauke

https://urldefense.proofpoint.com/v2/url?u=https-3A__www.splintered.co.uk_&d=DwIDaQ&c=4ZIZThykDLcoWk-GVjSLmy8-1Cr1I4FWIvbLFebwKgY&r=W3VUihr49D2x8upR4FtjMIsy0FSGEnqb4ghTiQJMtRw&m=fRM1k22RhMYEgmXXZzgRmzqut3soiVvX48Nj-DC-mJk&s=AWfgzYPtg4Q7dMhwTVgvwXBMySGtl0OGQ4d0Tq3z5-4&e=  | https://urldefense.proofpoint.com/v2/url?u=https-3A__github.com_patrickhlauke&d=DwIDaQ&c=4ZIZThykDLcoWk-GVjSLmy8-1Cr1I4FWIvbLFebwKgY&r=W3VUihr49D2x8upR4FtjMIsy0FSGEnqb4ghTiQJMtRw&m=fRM1k22RhMYEgmXXZzgRmzqut3soiVvX48Nj-DC-mJk&s=CF5eZEcjaGk1LxS7dc7qVfA70bAJ-4Ptu8bZjIRULuA&e=

https://urldefense.proofpoint.com/v2/url?u=https-3A__flickr.com_photos_redux_&d=DwIDaQ&c=4ZIZThykDLcoWk-GVjSLmy8-1Cr1I4FWIvbLFebwKgY&r=W3VUihr49D2x8upR4FtjMIsy0FSGEnqb4ghTiQJMtRw&m=fRM1k22RhMYEgmXXZzgRmzqut3soiVvX48Nj-DC-mJk&s=m8V4oDZ28_kMejTPnGq4LcZI1TIBzYt5Nf3VRMBXUrE&e=  | https://urldefense.proofpoint.com/v2/url?u=https-3A__www.deviantart.com_redux&d=DwIDaQ&c=4ZIZThykDLcoWk-GVjSLmy8-1Cr1I4FWIvbLFebwKgY&r=W3VUihr49D2x8upR4FtjMIsy0FSGEnqb4ghTiQJMtRw&m=fRM1k22RhMYEgmXXZzgRmzqut3soiVvX48Nj-DC-mJk&s=E3QLvbSZSmsxnRq_CSecGCUCWx4fo6-oybEqv-_MRFI&e=

twitter: @patrick_h_lauke | skype: patrick_h_lauke

Received on Monday, 10 February 2020 17:10:57 UTC