隐藏闪存元素&带有aria-hidden =“true”的iFrames有助于我的网站访问?

时间:2017-06-26 23:02:10

标签: html css accessibility wcag wcag2.0

我为一家网站设计公司工作,我们有很多flash项目,客户不断将iframe嵌入到Facebook等等。

例如,当我使用屏幕阅读器进行测试时,当你进入Iframe时,这似乎是一个糟糕的用户体验,因为大多数Facebook Feed嵌入式加载永远,你甚至可能陷入ajax加载iFrame。 / p>

我想知道使用aria-hidden从屏幕阅读器隐藏flash / iframes元素是否被认为是不好的做法?此外,它是否通过隐藏它来使我的网站可访问?

谢谢!

3 个答案:

答案 0 :(得分:1)

主要取决于具体情况。

如果您的iframe不可见(例如,作为技术跨域问题的ajax代理),可能需要aria-hidden(当设置display:none时不需要iframe可能的)。

在许多其他情况下,aria-hidden将包含可见和互动元素。

隐藏iframe将无法阅读,例如,使用屏幕阅读器的文盲,可能会选择想要阅读内部内容的aria-hidden

当然,这需要可以访问iframe的内容。如果不是,那么最好使用{{1}}并提供可访问的替代方案。

答案 1 :(得分:0)

我认为无条件隐藏并不是一个好主意。所有用户都有权查看所有相同的内容。

  1. 您可以添加链接以跳过iframe上方的iframe,如下所示。

    <a href="#skipfacebook" class="blind">skip facebook feed</a>
    <iframe></iframe>
    <div id="skipfacebook" name="skipfacebook">Next content</div>
    
  2. 我不知道您使用的是哪个屏幕阅读器,但据我所知,您可以使用屏幕阅读器跳过iframe,因为屏幕阅读器有很多热键,例如&#39;查看所有链接&#39 ;。 例如,您可以使用[Alt +。]移动到上一个元素,然后在我知道的屏幕阅读器中使用[Alt +,]移动到下一个元素。

答案 2 :(得分:0)

如果一组人可以使用内容或功能,则所有人都应可以使用。如果您要在iframe中提供无法访问的内容,将其隐藏起来以使盲人用户不知道它没有您的“摆脱监狱”卡,则违反了Web内容可访问性准则,具体取决于您所居住的国家/地区可能违反了无障碍法律。

如上所述,如果iframe内容纯粹是装饰性的,则可以隐藏它,但如果它包含重要信息或交互元素,则不能假装向一组用户表明它不存在