1

我正在使用使用此代码的 Like 按钮的 HTML5 实现：

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=<%= locals[:appId] %>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

这会在页面中生成两个 iframe：

<div>
  <iframe id="fb_xdm_frame_http" name="fb_xdm_frame_http" src="http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#channel=f118ae5cc&amp;origin=http%3A%2F%2Fau0078.local%3A4567&amp;channel_path=%2FTE01_home_page_mobile.html%3Ffb_xd_fragment%23xd_sig%3Df324a069cc%26" tabindex="-1"></iframe>    
  <iframe id="fb_xdm_frame_https" name="fb_xdm_frame_https" src="https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=18#channel=f118ae5cc&amp;origin=http%3A%2F%2Fau0078.local%3A4567&amp;channel_path=%2FTE01_home_page_mobile.html%3Ffb_xd_fragment%23xd_sig%3Df324a069cc%26" tabindex="-1"></iframe>    
</div>

这些 iframe 都没有title属性，因此它们会导致可访问性错误。知道我如何解决这个问题吗？

4

1 回答 1

0

根据WebAIM关于 iframe 的文章，主要的可访问性问题是 iframe 标签之间没有内容。

使用 iframe 时，应确保替代内容（iframe 标记之间的内容）有用。

title 属性可用于附加信息，但不如包含有用信息作为替代内容重要，即使它只是内容本身的替代链接。

于 2013-01-11T15:33:50.337 回答