屏幕閱讀器不解釋標簽導航嗎？

Question

我有一個通過tabindex=0啟用了制表位的彈出窗口。 在沒有屏幕閱讀器的情況下與頁面進行交互時，可以使用Tab鍵在窗口和其中包含的表單元素之間移動。

當我使用屏幕閱讀器客戶端（Window Eyes 8.4）查看我的網站時，我無法始終如一地進入窗口。

我是否應該考慮代碼結構的特殊情況，這些特殊情況會導致窗口失去焦點或阻止屏幕閱讀器解釋彈出窗口的標記？

供參考-我在一個ASP.NET MVC4 Web應用程序（頁面為HTML / CSS / JS）中，該應用程序使用Kendo UI [Kendo]窗口生成彈出窗口。

Answer 1

03/17更新 -屏幕閱讀器間歇性地將彈出窗口聲明為對話框，但是一旦彈出窗口加載，我可以-偶爾-跳到div中並且焦點不會丟失。 我無法始終如一地重現此內容，只能在按下按鈕以顯示彈出窗口后快速按Tab鍵才能找到。

另一方面（當未快速按下Tab鍵時），焦點始終停留在沒有焦點輪廓的彈出窗口上（屏幕閱讀器會宣布“ Foo對話框”），但是在第一次按下Tab鍵時，焦點會跳回到位於頁腳前的最后一個可操作元素。 此時按Tab將使我進入頁腳UL元素。

Answer 2

如果沒有演示，很難回答，但是有兩個方面需要調查。

我針對基於內容的彈出窗口 （即不是表單的彈出窗口）的可訪問性要求做了一頁。 這還包括有關如何管理焦點的代碼。

如果彈出窗口本質上是基於表單的，則可能需要在對話框上嘗試該彈出窗口。

您將從這些示例中看到，將tabindex添加到容器只是其中的一部分，還應該管理焦點，以便將焦點移至彈出窗口。

該問題的零星性質可能是因為屏幕閱讀器通常不讀取display:none ，而切換到不存在的內容可能無法可靠地激活。

如果您可以舉一個例子，我可以更新這個答案。