无障碍错误：

Question

我使用的是HTML5实现Like按钮的使用这个代码，Facebook的JS SDK产生的I帧，没有标题的属性：

<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> 

由此，在网页在两次I帧：

<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属性，所以它们导致了可访问性错误。任何想法如何解决这个问题？

Answer 1

根据WebAIM's在iframes上的书写，主要的可访问性问题是iframe标签之间没有内容。

title属性可以被用于附加信息，但不为包括替代内容有用的信息，即使它仅仅是一个备用链路向内容本身一样重要。