鍵盤輔助功能 - 不關注Tab鍵的鏈接 - Safari瀏覽器

我正在面對Tab鍵上的Safari瀏覽器的可訪問性問題。錨點標籤並未集中於Tab鍵。
我檢查過和沒有tabindex。設置tabindex =「0」，但沒有改變，不知道這是否是Safari中的錯誤。在其他網站測試過，包括https://www.microsoft.com，也有相同的體驗。鍵盤輔助功能 - 不關注Tab鍵的鏈接 - Safari瀏覽器

Safari瀏覽器版本10.1.1（11603.2.5）
的Mac OS X系統中埃爾卡皮坦

Button元素越來越焦點，唯一的問題是與錨標記

<a id="footer-linkedin-link" target="_blank" class="social-footer-icon" aria-label="Follow on LinkedIn" href="https://www.linkedin.com/"></a>

任何有價值的投入將有助於我。提前致謝。

來源

2017-06-18 ajeshrkurup

http://osxdaily.com/2011/08/14/enable-tab-key-navigation-safari/ –

感謝您的信息。這解決了這個問題。 – ajeshrkurup

@ajeshrkurup我認爲這個問題將會在Safari做出默認行爲的時候真正解決。 – Adam

你不能有一個空的錨標記 - 沒有什麼要標籤。這是一個HTML驗證錯誤，所以瀏覽器可能會以不同的方式處理它。沒有你的CSS我不太確定你應該做的，但我猜你真的希望是這樣的：

<a target="_blank" href="https://www.linkedin.com/"> 
    <span id="footer-linkedin-link" class="social-footer-icon" role="img" aria-label="Follow on LinkedIn" ></span> 
</a>

插入與CSS必須錨內的內容的圖標，可以適當使用role="img"作爲圖像投射，並且應該有aria-label。

來源

2017-06-24 04:30:10

已在上面評論過，通過改變上述設置來解決它。另外我也提到過，它在其他頁面上測試過，以確保它不是我的網頁的問題。 CSS沒有任何作用，我不確定爲什麼要通過添加標籤來更改HTML本身。 – ajeshrkurup

我知道您的問題與Safari標籤設置有關;但是，您的錨標記在您的代碼中沒有內容。除非您爲了簡潔而故意留下這些內容，否則這是一個可訪問性問題。 –

鍵盤輔助功能 - 不關注Tab鍵的鏈接 - Safari瀏覽器

回答

相關問題