WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Suggestion required for Facebook iframe feed provided in a web page

for

From: Mohith BP
Date: Sep 10, 2020 9:54PM

Hi Patrick,

Thank you for the response.
I will ask the developer to check on the FB API.
Patrick wrote:
"If the iframe turns out to be a black hole for keyboard users (once
they enter it, they get stuck in an endless/continuously updating list
of posts), a
quick interim patch could be to provide a skip link before/after the
iframe to let keyboard users at least bypass it. Not elegant, but
could at least mitigate
some of the issues for this user group."
Query: Is it okay to provide Ctrl + Home and Ctrl + End to move before
and after the iframe as documented in Aria Authoring Practices Feed
along with the skip link in the beginning of the iframe?

Thanks & Regards,
Mohith B. P.

On 9/10/20, Patrick H. Lauke < <EMAIL REMOVED> > wrote:
> On 10/09/2020 09:22, Mohith BP wrote:
>> Hi Team,
>>
>> One of the sites is using the iframe and loading the Facebook posts
>> dynamically.
>> The iframe is in the main region of the home page and there is content
>> after and before the iframe.
>> Issues Found:
>> 1. Elements to like, comment and play video are not labelled. At times
>> NVDA just reads button.
>> 2. Tab navigation: it is infinite scrolling as it is a feed and older
>> posts gets continuously loaded.
>>
>> Queries:
>> 1. As it is an external content what is the requirement of WCAG
>> conformance? Developer states there is no control over the data as it
>> is loaded from Facebook.
>
> It's embedded in your page, so initial responsibility still falls on you
> as the site owner. You're adding something to your site that has
> accessibility issues, so in the end visitors that are on your site are
> affected. I suppose you could make a statement of partial conformance
> https://www.w3.org/TR/WCAG21/#conformance-partial - but ultimately,
> consider that, 3rd party or not, this affects your visitors directly.
>
>> 2. What is the best keyboard mechanism can be implemented here?
>
> I'd say weigh up whether the benefit of having those embedded FB posts
> outweighs the accessibility impact, first and foremost. It's been a
> while since I dove into this, but wondering if there's a developer API
> provided by FB that let you grab content, process it yourself, and show
> it on your site with a template/format that you have control over
> (rather than embedding in an iframe). That would be the ideal situation
> - showing the latest few posts or whatever using your own controlled
> method, plus then a link to FB directly if users absolutely want to go
> and see more.
>
> If the iframe turns out to be a black hole for keyboard users (once they
> enter it, they get stuck in an endless/continuously updating list of
> posts), a quick interim patch could be to provide a skip link
> before/after the iframe to let keyboard users at least bypass it. Not
> elegant, but could at least mitigate some of the issues for this user
> group.
>
> P
> --
> Patrick H. Lauke
>
> https://www.splintered.co.uk/ | https://github.com/patrickhlauke
> https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
> twitter: @patrick_h_lauke | skype: patrick_h_lauke
> > > > >