2017-03-06 65 views
2

我已經申請到一些文字下面的CSS:內容是否位於視口外部,使用屏幕閱讀器仍可訪問的絕對定位?

.accessible { 
    position: absolute; 
    top: -9999px; 
    left: -9999px; 
} 

這將文本從視口。我已經讀過屏幕閱讀器仍然可以訪問該文本。但是,我嘗試使用NVDA閱讀網頁,但這需要我將鼠標懸停在我希望它閱讀的內容上。顯然,我無法將鼠標懸停在絕對定位的文本上,因此它沒有閱讀它。這是否也與其他屏幕閱讀器發生?我沒有正確使用它嗎?

我從來沒有創建可訪問的網站,所以我沒有這種技術的經驗。

+0

請問您可以添加一個片段嗎? –

+0

我想答案會有很大的不同。一些讀者可能會檢查可見性,有些可能根本不在乎。我認爲不會有通用的答案。 –

回答

1

是的,文本仍然可用於輔助技術(屏幕閱讀器,可刷新的盲文設備等)。無論是否在視口中,某個人看不到屏幕都無關緊要。對於嚴重低視力或無視力,一切都在視野之外。

屏幕閱讀器用戶可以使用'虛擬PC光標'瀏覽整個DOM。 DOM表示爲一棵樹,與在瀏覽器中打開代碼檢查器非常相似。嵌套元素就像可以展開/摺疊的樹節點,除了屏幕閱讀器外,整個DOM樹都展開了。您使用上/下箭頭鍵遍歷樹。這允許屏幕閱讀器用戶訪問頁面上的每一段文字,無論您是否可以選中它。

+0

謝謝@slugolicious。我只有一個問題。爲什麼NVDA閱讀器無法訪問文本?我是否以錯誤的方式使用它? –

+0

是的,大多數屏幕閱讀器用戶通過鍵盤而不是鼠標進行導航。這裏是鍵盤命令的文檔:https://www.nvaccess.org/files/nvda/documentation/userGuide.html#toc29 – stringy

+0

@NeenaVivek,我不知道爲什麼你不能使用箭頭鍵。如果您選擇輸入字段,則您的模式可能會更改爲「表格模式」,以便您可以輸入字段。如果你點擊ESCAPE,你應該退出表單模式,然後上下箭頭鍵應該導航到下一段文本。 – slugolicious

相關問題