E-mail List Archives
Thread: Responsive Web Design
Number of posts in this thread: 9 (In chronological order)
From: Jan Heck
Date: Thu, May 09 2013 4:59PM
Subject: Responsive Web Design
No previous message | Next message →
I'm venturing into responsive design, so that the same site can be viewed
on desktops, laptops, iPads, phones, etc., adapting to the screen size. I
have a couple of questions from an accessibility point of view that I hope
some of you might help me with:
1. Does a "skip to main content" link serve any purpose on a phone or iPad?
2. Parts of the design are often moved around to accommodate different
screen sizes. This means the source order doesn't always match the visual
order. When this is the case, does it make more sense to make sure the
desktop is closest to matching visual with source order (as opposed to
phone)? Any opinions on this?
Thanks very much,
Jan Heck
From: Srinivasu Chakravarthula
Date: Thu, May 09 2013 7:15PM
Subject: Re: Responsive Web Design
← Previous message | Next message →
Hello,
> 1. Does a "skip to main content" link serve any purpose on a phone or iPad?
I believe, yes it would help on phones. Not just for users with disabilities but to everyone... I would say because, since the screen is tiny, user needs to scroll or swipe down a lot to reach main content, instead they can hit on skip link to go directly...
Thoughts?
Regards,
Srinivasu
http://srinivasu.org Twitter: @vasutweets
Sent from my iPad
On May 10, 2013, at 4:29 AM, Jan Heck < = EMAIL ADDRESS REMOVED = > wrote:
> I'm venturing into responsive design, so that the same site can be viewed
> on desktops, laptops, iPads, phones, etc., adapting to the screen size. I
> have a couple of questions from an accessibility point of view that I hope
> some of you might help me with:
>
> 1. Does a "skip to main content" link serve any purpose on a phone or iPad?
>
> 2. Parts of the design are often moved around to accommodate different
> screen sizes. This means the source order doesn't always match the visual
> order. When this is the case, does it make more sense to make sure the
> desktop is closest to matching visual with source order (as opposed to
> phone)? Any opinions on this?
>
> Thanks very much,
> Jan Heck
>
>
> > >
From: Carol E Wheeler
Date: Fri, May 10 2013 7:51AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
On 5/9/2013 21:15, Srinivasu Chakravarthula wrote:
Does a "skip to main content" link serve any purpose on a phone or iPad?
> I believe, yes it would help on phones. Not just for users with disabilities but to everyone... I would say because, since the screen is tiny, user needs to scroll or swipe down a lot to reach main content, instead they can hit on skip link to go directly...
Except I probably have to resize just to make sure I can hit only that
link. I is easier just to swipe to the content.
-- cew
*Carol E. Wheeler*
Web Co-ordinator
American Institute for Cancer Research
1759 R Street NW
Washington DC 20009
Direct Dial: 202-600-3001
Tel: 202-328-7744
Fax: 202-328-7226
= EMAIL ADDRESS REMOVED =
http://www.aicr.org
From: Scott González
Date: Fri, May 10 2013 8:09AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
On Fri, May 10, 2013 at 9:51 AM, Carol E Wheeler < = EMAIL ADDRESS REMOVED = > wrote:
> Except I probably have to resize just to make sure I can hit only that
> link. I is easier just to swipe to the content.
>
Anyone using a screen reader probably isn't swiping to the content though.
Skip to main content is useful for AT users and keyboard users. I don't
think sighted users who use the available scrolling UI are a significant
portion of the audience for skip links.
The original question is "Does a "skip to main content" link serve any
purpose on a phone or iPad?". Perhaps its better to start with the question
of "What purposes does a skip link serve on desktop that it does not serve
on a phone or iPad?" Since you asked the former, I assume you have at least
one answer for the latter.
From: Rakesh
Date: Fri, May 10 2013 8:32AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
In most of the cases the top navigation will be a dropdown. In such
cases skip to main content do not provide much help for users is what I
believe.
Thanks
Rakesh
On 5/10/2013 7:21 PM, Carol E Wheeler wrote:
> On 5/9/2013 21:15, Srinivasu Chakravarthula wrote:
>
> Does a "skip to main content" link serve any purpose on a phone or iPad?
>> I believe, yes it would help on phones. Not just for users with disabilities but to everyone... I would say because, since the screen is tiny, user needs to scroll or swipe down a lot to reach main content, instead they can hit on skip link to go directly...
> Except I probably have to resize just to make sure I can hit only that
> link. I is easier just to swipe to the content.
>
> -- cew
>
> *Carol E. Wheeler*
>
> Web Co-ordinator
> American Institute for Cancer Research
> 1759 R Street NW
> Washington DC 20009
>
> Direct Dial: 202-600-3001
> Tel: 202-328-7744
> Fax: 202-328-7226
>
> = EMAIL ADDRESS REMOVED =
> http://www.aicr.org
>
> > >
From: Corbett, James
Date: Fri, May 10 2013 8:35AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
Hi:
Try the Government of Canada web sites. We use Skip to Content and Skip to Left navigation on all of our pages and I find it extremely useful for my navigation needs.
Jim
-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Rakesh
Sent: May 10, 2013 10:32 AM
To: WebAIM Discussion List
Subject: Re: [WebAIM] Responsive Web Design
In most of the cases the top navigation will be a dropdown. In such
cases skip to main content do not provide much help for users is what I
believe.
Thanks
Rakesh
On 5/10/2013 7:21 PM, Carol E Wheeler wrote:
> On 5/9/2013 21:15, Srinivasu Chakravarthula wrote:
>
> Does a "skip to main content" link serve any purpose on a phone or iPad?
>> I believe, yes it would help on phones. Not just for users with disabilities but to everyone... I would say because, since the screen is tiny, user needs to scroll or swipe down a lot to reach main content, instead they can hit on skip link to go directly...
> Except I probably have to resize just to make sure I can hit only that
> link. I is easier just to swipe to the content.
>
> -- cew
>
> *Carol E. Wheeler*
>
> Web Co-ordinator
> American Institute for Cancer Research
> 1759 R Street NW
> Washington DC 20009
>
> Direct Dial: 202-600-3001
> Tel: 202-328-7744
> Fax: 202-328-7226
>
> = EMAIL ADDRESS REMOVED =
> http://www.aicr.org
>
> > >
From: Tim Harshbarger
Date: Fri, May 10 2013 11:03AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
Hi Jan,
I think the answer to the skip link question you pose is that "It depends."
I have heard a number of users mention that visible skip links can be useful on smaller devices--however, that tends to be with pages that involve a lot of scrolling. Normally, with responsive web, you want to minimize the information that is exposed by the user interface for a smaller device in order to limit the scrolling.
As for the second question... If you are going to conform to WCAG 2.0, you will need to ensure that a meaningful reading order is maintained.
I won't claim to be any type of expert on responsive web design. However, just based on my experience, I don't recall coming across any design where the visual and source order of the content needed to change between break points. For example, at each breakpoint, the design might include fewer columns. However, there wasn't a change in the source or visual reading order. If you know of a specific example, I am sure you could pose it to this group and you would get some good ideas of how to make it work.
Thanks!
Tim
-----Original Message-----
From: = EMAIL ADDRESS REMOVED = [mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Jan Heck
Sent: Thursday, May 09, 2013 5:59 PM
To: WebAIM Discussion List
Subject: [WebAIM] Responsive Web Design
I'm venturing into responsive design, so that the same site can be viewed
on desktops, laptops, iPads, phones, etc., adapting to the screen size. I
have a couple of questions from an accessibility point of view that I hope
some of you might help me with:
1. Does a "skip to main content" link serve any purpose on a phone or iPad?
2. Parts of the design are often moved around to accommodate different
screen sizes. This means the source order doesn't always match the visual
order. When this is the case, does it make more sense to make sure the
desktop is closest to matching visual with source order (as opposed to
phone)? Any opinions on this?
Thanks very much,
Jan Heck
From: Jennison Asuncion
Date: Thu, May 16 2013 7:11AM
Subject: Re: Responsive Web Design
← Previous message | Next message →
Hello,
On the general topic of responsive design and accessibility, a worthwhile read is Responsive Web Design and Accessibility
http://uxmatters.com/mt/archives/2013/04/responsive-web-design-and-accessibility.php, and the preconference presentation material from Hans Hillen
on the topic http://files.paciellogroup.com/training/CSUN2013/responsive/index.html.
Jennison
Jennison Mark Asuncion
Co-Director, Adaptech Research Network http://www.adaptech.org
LinkedIn at http://www.linkedin.com/in/jennison
Follow me on Twitter http://www.twitter.com/jennison
Accessibility Camp Toronto http://www.youtube.com/watch?v=XeP5Kl4GDgA
From: Joshue O Connor
Date: Thu, May 16 2013 8:53AM
Subject: Re: Responsive Web Design
← Previous message | No next message
Jennison Asuncion wrote:
> Hello,
>
> On the general topic of responsive design and accessibility, a worthwhile read is Responsive Web Design and Accessibility
> http://uxmatters.com/mt/archives/2013/04/responsive-web-design-and-accessibility.php, and the preconference presentation material from Hans Hillen
> on the topic http://files.paciellogroup.com/training/CSUN2013/responsive/index.html.
Useful links Jennison, thanks!
Josh
Follow us on Facebook: https://www.facebook.com/ncbiworkingforpeoplewithsightloss
Follow us on Twitter: www.twitter.com/ncbi_sightloss
Check-out NCBI's Mícheál Ó Muircheartaigh appeal on the following link.
http://youtu.be/25P2tiuCi0U
********************************************************************
National Council for the Blind of Ireland (NCBI) is a company
limited by guarantee (registered in Ireland No. 26293) .
Our registered office is at Whitworth Road, Drumcondra, Dublin 9.
NCBI is also a registered Charity (chy4626).
NOTICE: The information contained in this email and any attachments
is confidential and may be privileged. If you are not the intended
recipient you should not use, disclose, distribute or copy any of
the content of it or of any attachment; you are requested to notify
the sender immediately of your receipt of the email and then to
delete it and any attachments from your system.
NCBI endeavours to ensure that emails and any attachments generated
by its staff are free from viruses or other contaminants. However,
it cannot accept any responsibility for any such which are
transmitted. We therefore recommend you scan all attachments.
Please note that the statements and views expressed in this email
and any attachments are those of the author and do not necessarily
represent the views of NCBI
********************************************************************