LinkedIn嵌入式窗口小部件无法访问辅助功

时间:2015-09-10 20:10:07

标签: iframe accessibility linkedin wcag2.0

我们在网站上实施了LinkedIn Company Insider小部件,但嵌入式标记是无法通过辅助功能测试。

<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/CompanyInsider" data-id="XXXXX" data-modules="innetwork,newhires,jobchanges" data-width="400"></script>

当模块呈现到页面中时,它包含两个iframe(一个在另一个内),但iframe都没有正确标记标题以向辅助技术用户描述其内容。

以下是一个渲染的标记作为示例:

<iframe id="li_xxx" name="li_xxx" src="javascript: void(0);" style="visibility: visible; width: 633px; height: 285px; background: transparent;" true"="" framspacing="0" frameborder="0"></iframe>

由于代码是在运行时嵌入的,我无法手动修改title属性 - 是否有任何方法或参数来正确标记iframe?我宁愿不必使用jQuery来注入它。

WCAG文档要求所有框架/ iframe提供描述性标题属性,以确定iframe的用途:http://www.w3.org/TR/WCAG20-TECHS/H64.html

0 个答案:

没有答案