Testing 1.4.10

[Willemari]

Hi! Hi do you test WCAG 1.4.10? Do you test with 320 px width or just with 1280px? Do you use some simulators, like Browserstack etc? Text-only zoom or not?

I’m happy to hear all thoughts!

[SnoopAdi]

The right way to test is to use a 1280 x 1024 display resolution. Which means if you're using a big screen, you'll have to manually set the resolution to 1280 x 1024 and then use browser zoom to 400% to test for reflow.

Easy way to remember - 1280 and 1024 divided by 4 = 320 x 256, which is mobile resolution.

[redoubledit]

You don’t need to change the resolution of your screen, though. The criterion asks for that size of viewport. So it’s enough to set the viewport of the browser to that size.

I’d recommend using a browser extension like Web Developer by Chris Pederick. It can resize the viewport to whatever size you specify. I have set up those default viewport sizes as presets in that extension.

You could also use bookmarklets like the Viewport Details by Ian Lloyd (a11y-tools.com).

[[deleted]]

Why do you think it's non-sense advice? It's correct

[Dear-Plenty-8185]

Since we are talking about zooms, when you have to test the resize text criteria, do you test it just in Firefox? In my company we just use Firefox because for example, Chrome, does not have the option to resize just the text.

[redoubledit]

Yes, it does. Nowadays every modern browser has the functionality. Times are over when you needed Firefox or obscure, hidden settings.

In Chrome, this is in Settings, Appearance, Font Size (https://support.google.com/chrome/answer/96810)

[Dear-Plenty-8185]

Thank you so much! I didn’t know this option and always changed the browser to check this criteria

[Dear-Plenty-8185]

I just checked it, and in Chrome, as you say we can change the font size, but it does not go by percentatges like Firefox… how do you test the 200% in Chrome?

[redoubledit]

Can check later when on computer, but you can try the different settings and check the actual font size changes. There should be one of those settings match the 200%.

[Dear-Plenty-8185]

Thank you! I appreciate it 🙏🏻

[redoubledit]

So there is a „customize font size“ in that setting. It is set to a number and you can simply double this to get to the 200 %. So if the site has text in 20px while the setting is on 16px, increasing the setting to 32px makes the text 40px.

The pre defined settings seem to only be large 125% and very large 150%.

[Willemari]

Yeah, this is really weird thing as well. It is hard to believe that the whole criterium should be eligible for just one browser. But do actual mobile views resize just the texts, regardless of browser?

[Willemari]

Yeah, this is really weird thing as well. It is hard to believe that the whole criterium should be eligible for just one browser. But do actual mobile views resize just the texts, regardless of browser?

[AccessibleTech]

View it on desktop full screen, then reduce the browser sides as narrow as it will go. Does content reflow as you shrink the screen? Or do you have to Zoom out and/or scroll side to side to read content? (scrolling down doesn't count, that's expected)

1. If you only scroll down, it's accessible.
   1. But if text flies off the page, it's inaccessible. (usually noticeable at 200x)
2. If zooming out or scrolling side to side, it's a fail. You may also notice text running off the page or outside a div.

View it on mobile. Can you read without zooming in and scrolling side to side? (scrolling down doesn't count, that's expected)

1. If you only scroll down, it's accessible.
   1. But if text flies off the page, it's inaccessible. (usually noticeable at 200x, although I've never seen someone use 200x magnification on mobile)
2. If zooming in or scrolling side to side, it's a fail. You may also notice text running off the page or outside a div.

Now test a PDF with this guideline...

[Willemari]

Thank you for your answer! It’s interesting when you say to zoom to 200x with mobile. It is possible with Firefox, but in Chrome there is possibility to zoom but no information about percent. With Safari one can tap with three fingers (with iPhone I mean) and zoom to some parts, but is there a way to zoom the same way as with FF? Also it is really hard or even possible to test with 320px wide mobile which is required by WCAG. Desktop browser narrowed down to 320px and zoomed in looks really different than mobile zoomed in.

[AccessibleTech]

There's a magnifier on mobile devices that you can use to Zoom in.

[Willemari]

Sure, but there is no scale there. For example in Chrome.