W3C home > Mailing lists > Public > w3c-wai-gl@w3.org > January to March 2019

RE: Vertical vs. horizontal scrolling on a mobile device

From: Jonathan Avila <jon.avila@levelaccess.com>
Date: Sat, 30 Mar 2019 00:15:39 +0000
To: Wayne Dick <wayneedick@gmail.com>, Garry Grant <garry@seoinc.com>
CC: Mike Elledge <melledge@yahoo.com>, "w3c-wai-gl@w3.org" <w3c-wai-gl@w3.org>, "Patrick H. Lauke" <redux@splintered.co.uk>, Dalton Grant <dalton@seoinc.com>, Kim Grant <kim@seoinc.com>, Amber Grant <amberlgrant@gmail.com>, Dustin Garland <garlanddustin11@gmail.com>
Message-ID: <BN6PR03MB3139CDC0B78C58EBD899EBE8F15B0@BN6PR03MB3139.namprd03.prod.outlook.com>
I agree that horizontal scrolling for reading lines of text is the issue.  I would add however, that lack affordances for horizontal scrolling can be problematic as people may miss the presence of additional content.  I would also comment that if horizontal content contains many items and screen reader users are forced to navigate through all of it then there would need to be an easy way to bypass that content to access the content past it.  That is – it’s very easy for a sighted user to skip over it but when screen reader users are forced to read through 50 horizontal items it can be problematic.

Jonathan

Jonathan Avila
Chief Accessibility Officer
Level Access
jon.avila@levelaccess.com<mailto:jon.avila@levelaccess.com>
703.637.8957 office

Visit us online: Website<http://www.levelaccess.com/> | Twitter<https://twitter.com/LevelAccessA11y> | Facebook<https://www.facebook.com/LevelAccessA11y/> | LinkedIn<https://www.linkedin.com/company/level-access> | Blog<http://www.levelaccess.com/blog/>

[The State of Digital Accessibility 2019 report is here! Download the report today to read the findings. Level Access]<https://levelaccess.com/state-of-digital-accessibility-2019>

The information contained in this transmission may be attorney privileged and/or confidential information intended for the use of the individual or entity named above. If the reader of this message is not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this communication is strictly prohibited.


From: Wayne Dick [mailto:wayneedick@gmail.com]
Sent: Friday, March 29, 2019 6:03 PM
To: Garry Grant
Cc: Mike Elledge; w3c-wai-gl@w3.org; Patrick H. Lauke; Dalton Grant; Kim Grant; Amber Grant; Dustin Garland
Subject: Re: Vertical vs. horizontal scrolling on a mobile device

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.

There are two kinds of scrolling: page or column scrolling, and inline scrolling. An app that goes from page to page or column to column as in ebooks, carousels and data tables is harmless. It is what happens inside the page or column content that is a barrier to reading. When you have to scroll to read information within a line of text then your scrolling causes the reader to lose context, forget past content on lines, have difficulty navigating from line to line and take between 50-150 times the number of scrolls that required by pure page or column scrolling.

So the problematic scrolling is not vertical or horizontal, but inline scrolling. Inline scrolling is bad vertically or horizontally. It is just a barrier to reading.

Best, Wayne

On Fri, Mar 29, 2019 at 10:42 AM Garry Grant <garry@seoinc.com<mailto:garry@seoinc.com>> wrote:
Mike,

I received this back from a blind user that is a bit above the average regarding technical aptitude. Here is the input he gave me. It's unedited, but it's directly from a daily user. If you need anything further, please don’t hesitate to reach out.



Sent from my iPhone



Hi, Mr. Grant, I received your email from Amber about scrolling on a mobile device. My personal preference is to have things laid out horizontally, and I use vertical scrolling on my iPhone to navigate different types of fields such as headings or links horizontal scrolling seems to work better from an accessibility standpoint. For me as a blind user but this does not always work well for other people one of the things about apps that drives me completely crazy is the fact that occasionally I have to flip pages using several fingers on my phone screen usually this is not always evident with the app.



A good example of this would be search results under Amazons app on the iPhone when you use VoiceOver to get to the next page you have to swipe up or down with three fingers to make the page scroll. From my perspective, most blind people keep swiping left or right with one finger to get to the next item. If it were me on a visual level, my phone usually wraps around from the first line to the second line as I keep swiping from left to right with my finger. Please note that on some devices when you activate the accessibility functions the jesters that a normally sighted person would use are now different due to the commands that the accessible software needs to operate. I hope this helps if you have any further questions please please feel free to reply to this email



[EO Inc.]<https://t.sidekickopen10.com/s2t/c/5/f18dQhb0S7lC8dDMPbW2n0x6l2B9nMJW7t5XX463RMPbW5w6DXR7fRL14W64zBkx56dw_Mf4m42-W02?t=http%3A%2F%2Fwww.seoinc.com%2F&si=4549899913920512&pi=91a5dd53-8236-497a-97fe-ed0ce8b2828a>

Garry Grant | CEO
garry@seoinc.com<mailto:garry@seoinc.com>
760.846.4233 Cell
760.444.9222 Direct

SEO Inc.
5841 Edison Place, Suite 140
Carlsbad, CA 92008
www.seoinc.com<https://t.sidekickopen10.com/s2t/c/5/f18dQhb0S7lC8dDMPbW2n0x6l2B9nMJW7t5XX463RMPbW5w6DXR7fRL14W64zBkx56dw_Mf4m42-W02?t=http%3A%2F%2Fwww.seoinc.com%2F&si=4549899913920512&pi=91a5dd53-8236-497a-97fe-ed0ce8b2828a>

_____________________________________

From: Mike Elledge <melledge@yahoo.com<mailto:melledge@yahoo.com>>
Sent: Friday, March 29, 2019 6:16 AM
To: w3c-wai-gl@w3.org<mailto:w3c-wai-gl@w3.org>; Patrick H. Lauke <redux@splintered.co.uk<mailto:redux@splintered.co.uk>>
Subject: Re: Vertical vs. horizontal scrolling on a mobile device

Thanks, Patrick!

Mike

On Thursday, March 28, 2019, 5:48:26 PM EDT, Patrick H. Lauke <redux@splintered.co.uk<mailto:redux@splintered.co.uk>> wrote:


On 28/03/2019 18:36, Mike Elledge wrote:

> When is horizontal scrolling more accessible than vertical scrolling on
> a *mobile device*? Always? Never? Sometimes?

I would argue (though can't back this up with any hard user research)
that for users who can operate a touchscreen, horizontal scrolling (as
long as it's not required to read over-long lines of content - so to
flick between carousel slides that are never wider than the viewport
width) is a lot more natural and easy to do (particularly on a
smartphone in portrait mode) than on a desktop.


> I know that horizontal scrolling on a desktop is to be avoided, but
> horizontal scrolling seems to be, from a design standpoint, acceptable
> on a mobile device, to limit the length of page.


Assuming you  mean "to be avoided" in the context of 1.4.10 Reflow,
there's probably some more nuance here (see
https://github.com/w3c/wcag/issues/668, <https://github.com/w3c/wcag/issues/668,%20> but I'd say it's a valid
differentiation to make even on desktop). But yes, on a high level,
horizontal scrolling is more unusual on desktop, and not that great
since it can't be done easily/quickly just with a scrollwheel on a
mouse, for instance.

P
--
Patrick H. Lauke

www.splintered.co.uk<http://www.splintered.co.uk> | https://github.com/patrickhlauke

http://flickr.com/photos/redux/ <http://flickr.com/photos/redux/%20> | http://redux.deviantart.com

twitter: @patrick_h_lauke | skype: patrick_h_lauke


image001.jpg
(image/jpeg attachment: image001.jpg)

image002.png
(image/png attachment: image002.png)

Received on Saturday, 30 March 2019 00:16:06 UTC

This archive was generated by hypermail 2.4.0 : Thursday, 24 March 2022 21:08:29 UTC