WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: zooming font size on phone displays

for

From: glen walker
Date: Jan 17, 2019 8:16AM

The problem I have with pinch/zoom on mobile is that I then have to
pan/scroll to see everything.

For websites, I like to use a bookmarklet to increase (or decrease) the
fontsize of the page. It's not as straightforward as ctrl++ or cmd++ on a
desktop/laptop, and it's a little more work to set up, but it works well
enough. You have to add a bookmark to your browser then use the following
bookmarklets:

To increase the font size:
javascript:var
p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var
s=parseInt(p[i].style.fontSize.replace("px",""));}else{var
s=12;}s+=2;p[i].style.fontSize=s+"px"}

To decrease the font size:
javascript:var
p=document.getElementsByTagName('*');for(i=0;i<p.length;i++){if(p[i].style.fontSize){var
s=parseInt(p[i].style.fontSize.replace("px",""));}else{var
s=12;}s-=2;p[i].style.fontSize=s+"px"}

I named my two bookmarklets "+++" and "---" and put them at the top of my
favorites. Having them be one character, just + or -, made the touch
target too small.

It doesn't work as well on my iphone because I can't see my favorite
bookmarks at the same time as the webpage. On my ipad, I went to safari
settings and enabled "show favorites bar". That way I can see "+++" while
on a website and can bump up the font pretty easily. On the iphone,
turning it landscape and touching the bookmarks icon will slide the
favorites menu from the left so it (cognitively) feels easier to use than
when in portrait mode.

I don't have an android phone but suspect its browser has a favorites
toolbar too.

Glen


On Thu, Jan 17, 2019 at 7:53 AM Jonathan Avila < <EMAIL REMOVED> >
wrote:

> > Is there something like that out there for phones? Or are they all
> different?
>
> I generally pinch zoom and that works across platforms. If you are
> looking for keyboard commands that work on mobile then I'd imagine they
> would be similar to the ones on desktop but I haven't checked recently.
>
> To add to the list -- on the desktop many users I know use control plus
> scrolling the wheel too zoom-in on Windows based browsers.
>
> Jonathan
>
> -----Original Message-----
> From: WebAIM-Forum < <EMAIL REMOVED> > On Behalf Of
> Sandy Feldman
> Sent: Thursday, January 17, 2019 9:43 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: [WebAIM] zooming font size on phone displays
>
> 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.
>
>
> hey all,
>
> Some time ago Matt Brett came up with these really simple instructions for
> zooming text in a desktop/laptop browser
>
> https://www.balancefba.org/how-to-zoom/
>
> Is there something like that out there for phones? Or are they all
> different?
>
> thanks!
>
> --
> Sandy
> sandyfeldman.com
>
> > > at http://webaim.org/discussion/archives
> > > > > >