WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Accessibility Development for Responsive Web Design

for

Number of posts in this thread: 5 (In chronological order)

From: Thad C
Date: Thu, Jun 19 2014 8:35PM
Subject: Accessibility Development for Responsive Web Design
No previous message | Next message →

Greetings Group,

I am wondering if anyone can list some resources or has any thoughts
on accessibility for responsive Web design. The issue I am coming up
against is that some of the accessibility markup does not translate
well from desktop to iPad. Has anyone else encountered issues with
accessibility development in the Response Web design pattern and
ambiguity between devices?

Thank you in advance.

From: lists@srinivasu.org
Date: Thu, Jun 19 2014 9:47PM
Subject: Re: Accessibility Development for Responsive Web Design
← Previous message | Next message →

Hi,
Here are some resources:

1.Responsive web design and Accessibility by Kathy W. http://www.slideshare.net/kwahlbin/accessible-responsive-web-design

2. An article from UX matters. Q&A http://www.uxmatters.com/mt/archives/2013/04/responsive-web-design-and-accessibility.php
Regards,
Srinivasu Chakravarthula | PayPal | @csrinivasu
Sent from my iPhone 5C

> On 20-Jun-2014, at 8:05, Thad C < = EMAIL ADDRESS REMOVED = > wrote:
>
> Greetings Group,
>
> I am wondering if anyone can list some resources or has any thoughts
> on accessibility for responsive Web design. The issue I am coming up
> against is that some of the accessibility markup does not translate
> well from desktop to iPad. Has anyone else encountered issues with
> accessibility development in the Response Web design pattern and
> ambiguity between devices?
>
> Thank you in advance.
> > >

From: Jonathan Avila
Date: Fri, Jun 20 2014 6:44AM
Subject: Re: Accessibility Development for Responsive Web Design
← Previous message | Next message →

Thad,
I created a blog post about RWD last July.
https://www.ssbbartgroup.com/blog/2013/07/11/what-does-responsive-web-desi
gn-have-to-do-with-accessibility/

On your the question of " accessibility markup does not translate well
from desktop to iPad." Can you explain what types of issues you are
experiencing? Is this with the visual presentation or the markup such as
HTML5 elements.

Jonathan

-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Thad C
Sent: Thursday, June 19, 2014 10:35 PM
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] Accessibility Development for Responsive Web Design

Greetings Group,

I am wondering if anyone can list some resources or has any thoughts on
accessibility for responsive Web design. The issue I am coming up against
is that some of the accessibility markup does not translate well from
desktop to iPad. Has anyone else encountered issues with accessibility
development in the Response Web design pattern and ambiguity between
devices?

Thank you in advance.
messages to = EMAIL ADDRESS REMOVED =

From: Jennifer Sutton
Date: Sat, Jun 21 2014 1:50PM
Subject: Re: Accessibility Development for Responsive Web Design
← Previous message | Next message →

Here are a few more resources:


Responsive Web Design and Accessibility Challenges and Solutions
http://www.slideshare.net/dylanbarrell/responsive-web-design-and-accessibility-challenges-and-solutions

Accessible responsive images last-child
http://www.last-child.com/accessible-responsive-images/

Accessible RWD netmag Creative Bloq
http://www.creativebloq.com/netmag/accessible-rwd-7135554

When RWD goes bad netmag Creative Bloq
http://www.creativebloq.com/netmag/when-rwd-goes-bad-7135522

Responsive Web Design & Accessibility
http://www.slideshare.net/GeorgeZamfir/responsive-web-design-accessibility

Responsive Web Design - An Accessibility Tool
http://www.slideshare.net/GeorgeZamfir/responsive-web-design-a-tool-for-accessibility


Best,
Jennifer

From: Tim Harshbarger
Date: Mon, Jun 23 2014 9:43AM
Subject: Re: Accessibility Development for Responsive Web Design
← Previous message | No next message

Thad,

Making applications accessible across multiple operating systems, browsers, and assistive technologies can be very challenging. You will find that you will want to validate your accessibility techniques across all the variations before you implement them.

If you are using an existing framework for your responsive web work, you will probably want to test it on the variations to see how well it works today.

My own personal opinion is you are probably going to want to make a determination on which combinations you want to conduct accessibility testing on. Trying to make an application accessible across all possible combinations can be extraordinarily difficult--especially when you start looking at more complex user interactions.

You also will want to spend some times figuring out your approach. For example, there are no platforms, browsers, or assistive technologies that perfectly support all accessibility techniques. How will you deal with those situations?
[TSH]
For example, if the combination doesn't support something like aria-expanded, will you use a different older approach -- like off screen text or will you just adhere to the specification and file a bug.

This is just my own opinion. I think that responsive web can be a good thing and it possibly can make applications more accessible if done right. However, it doesn't necessarily equate to making the task of creating accessible applications easier. However, the challenges for accessibility on responsive web are not really all that different from the challenges that face a developer just trying to ensure the app works responsively.

Thanks,
Tim
-----Original Message-----
From: = EMAIL ADDRESS REMOVED =
[mailto: = EMAIL ADDRESS REMOVED = ] On Behalf Of Thad C
Sent: Thursday, June 19, 2014 10:35 PM
To: = EMAIL ADDRESS REMOVED =
Subject: [WebAIM] Accessibility Development for Responsive Web Design

Greetings Group,

I am wondering if anyone can list some resources or has any thoughts on
accessibility for responsive Web design. The issue I am coming up against
is that some of the accessibility markup does not translate well from
desktop to iPad. Has anyone else encountered issues with accessibility
development in the Response Web design pattern and ambiguity between
devices?

Thank you in advance.
messages to = EMAIL ADDRESS REMOVED =