WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: zooming font size on phone displays

for

From: Sandy Feldman
Date: Jan 17, 2019 8:48AM

Glen, you totally win the geek prize for this! I am impressed (and not
being sarcastic).

What I am looking for is a really basic "how to use your phone" on a
reputable web site.

cheers, Sandy

On 2019-01-17 10:16 a.m., glen walker wrote:
> 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
>> >> >> >> >> >>
> > > > >
--
Sandy
sandyfeldman.com