輔助功能-制表符與屏幕閱讀器不匹配

Question

我正在嘗試測試網頁的可訪問性。

我將Apple Voice Over用作MacBook上的屏幕閱讀器，如果我在主要快捷方式上使用Voice，則一切正常。 我可以使用語音快捷鍵（Ctrl + Option +箭頭鍵）瀏覽頁面的所有元素。

但是，如果我關閉聲音並嘗試僅使用Tab鍵瀏覽網頁，它將無法正常工作。 制表僅考慮諸如標題，鏈接和按鈕之類的元素，但忽略普通文本。

這正常嗎？ 這可以接受嗎？

Answer 1

這完全正常，實際上是預期的行為。

這也是可以接受的，因為焦點旨在讓用戶與DOM中的某些元素進行交互。 只有交互式元素才可以被關注，其余的元素在關注周期中將被忽略。

屏幕閱讀器允許將幾乎所有內容集中在頁面上，只要它不會被屏幕閱讀器設置為忽略（ aria-hidden="true" for example), and its behaviour can't really be compared to the使用aria-hidden="true" for example), and its behaviour can't really be compared to the tab`周期。

使用網頁上的tab僅允許循環瀏覽被認為是交互式（即可聚焦）的元素。

文本元素（例如span，段落和甚至標頭）不被認為是可聚焦的，除非將它們明確配置為可聚焦。 例如，指定tabindex屬性是使元素可聚焦的一種直接方法。

HTML 5.1-用戶交互-焦點深入介紹了focus機制，值得一讀。

請注意， aria-hidden和tabindex可用於使元素可以使用鍵盤進行聚焦，但不能通過屏幕閱讀器進行處理，反之亦然。