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