我有4页与iframes返回以下错误2.4.7焦点可视 - 突出显示元素。尽管它没有具体说明关于iframe的任何内容,但只有具有此问题的页面才具有iframe。我附加了与iframe和iframe本身相关的唯一CSS。iframe问题与WCAG 2.0
希望有人对WCAG不赞成什么有所了解。
<style>
.yt-frame {height: 270px;width: 100%;}
iframe {border: 1px solid black;}
</style>
<iframe src="https://www.youtube.com/embed/VIDEOID?html5=1&rel=0" title="Video From YouTube" class="yt-frame"></iframe>
什么工具会产生错误?错误本身是什么?它可能会在'
该工具是SiteImprove,错误是“AA错误 - 突出显示元素2.4.7”通过以下描述“使用键盘导航时,重要的是可以直观地识别焦点组件,如果焦点组件没有突出显示,用户无法确定哪个组件具有重点。“ 框架在选项卡上有一个视觉轮廓。 – echristo66
我发现添加iframe:focus到我的CSS并没有消除Siteimprove中的这个错误。我打开了一张票,以确定消除错误的最佳解决方案。或者他们的扫描过于挑剔? Chrome,Safari和Edge不使用iframe作为制表符,Firefox和IE。但是,在每个浏览器中,一旦焦点位于iframe中的任何元素上,它都是可见的,所以看起来我符合WCAG要求。如果我从Siteimprove获得解决方案,我可以在这里分享。 – JOWSUU