WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Safari Mobile WCAG Zoom Testing Approach

for

From: Weston Thayer
Date: Oct 19, 2020 10:58AM

Patrick, I've been keeping up with how mobile browsers can do reflow,
mobile user agents have changed a bunch in the past year. Here's the
current state as I understand it:

- iOS Safari - provides browser zoom style reflow up to 300%
<https://twitter.com/WestonThayer5/status/1178717974598782977> either on
a per site basis or for all sites via Settings > Safari > Page Zoom. Not
synced with Settings > Accessibility > Display & Text Size > Larger Text
- iOS Chrome - even though it's using WebKit under the hood, it provides
a per page Zoom Text setting
<https://twitter.com/WestonThayer5/status/1281957949745836033>, which *only
scales text*. It doesn't matter if font-size is set with px, rem, or em,
but otherwise this is similar to achieving reflow by changing the base font
size. It initially was synced to the Larger Text accessibility setting,
disappeared behind a flag in Chrome 84, then reappeared, but not synced to
the Larger Text setting
- iOS Firefox - does not provide any settings, nor does it respect
Larget Text for web pages
- Android Chrome - provides its own text scaling option
<https://twitter.com/WestonThayer5/status/1131646920026337280> under
Chrome's Settings > Accessibility > Text scaling, which is similar to iOS
Chrome's approach, all text scales, regardless of unit. Includes an option
to prevent sites from disabling pinch to zoom as well
- Android Firefox - same as Android Chrome, but provides an option to
use the system text size by default
<https://twitter.com/WestonThayer5/status/1131646920026337280/photo/2>
- Android UC Browser
<https://twitter.com/WestonThayer5/status/1131646920026337280/photo/3> -
same as Android Firefox
- Samsung Internet Browser
<https://twitter.com/WestonThayer5/status/1131646920026337280/photo/4> -
allows for iOS Chrome style text scaling

So except for iOS Firefox, the major mobile browsers all provide a way to
enlarge and reflow text (iOS Safari being the outlier that also enlarges
images, etc). I'm not sure what that means for
https://github.com/w3c/wcag/issues/1483, but I've been testing for
compatibility with these settings.

Weston
https://assistivlabs.com

On Mon, Oct 19, 2020 at 9:45 AM Jonathan Avila < <EMAIL REMOVED> >
wrote:

> 1.4.4 would apply to mobile - any option that is not assistive technology
> to make text bigger even if it causes other content like images to get
> larger to reach 200% of the default would pass. The three finger zoom is
> considered assistive technology - so any browser or on page controls could
> be used.
>
> On the desktop the browser zoom feature is generally used to meet 1.4.4.
>
> Jonathan
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> Justin Leasure
> Sent: Monday, October 19, 2020 11:18 AM
> To: <EMAIL REMOVED>
> Subject: [WebAIM] Safari Mobile WCAG Zoom Testing Approach
>
> CAUTION: This email originated from outside of the organization. Do not
> click links or open attachments unless you recognize the sender and know
> the content is safe.
>
>
> What is the appropriate way to test for WCAG 1.4.4 (resize text) and 1.4.10
> (reflow) within the Safari Mobile? The resize text option in IOS only
> applies to applications, not web pages. There is a zoom option within IOS
> that does not allow for reflow and requires quite a bit of scrolling in
> both directions. Safari also has a zoom option ("Aa" in the top left hand
> corner of the browser). However, it doesn't seem to exclusively resize
> text. I believe the last option is the best testing approach, but I am
> wanting to confirm this is the case.
> > > at http://webaim.org/discussion/archives
> > > > > >