我们在网站上实施了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