屏幕閱讀器不閱讀只有 1 個字符的標題

Question

我對使用輔助功能相當陌生，並且遇到了 JAWS 和講述人屏幕閱讀器的問題，其中它無法讀取僅包含 1 個字符的數字/字母。

下面是我正在嘗試解決的示例代碼片段，其中正在讀取Notes但未讀取1 。

<div class="box">
    <h2 class="name" aria-label="Notes">Notes</h2>
    <h1 class="description" aria-label="1">1</h1>
</div>

當我嘗試按字符遍歷它時， 1被讀取為空白。

我注意到了兩件事：

• 這種行為只會發生在 1 個字符上，如果數字/字符變為至少 2 位數字，JAWS 將能夠讀取它。
• NVDA 對此沒有問題，並且能夠正確讀取它。

Answer 1

您的問題中缺少的一個重要部分是您如何使用屏幕閱讀器進行導航。

使用屏幕閱讀器瀏覽網頁的方法有很多種。 對於 JAWS 和 NVDA（具有相似的快捷鍵），您可以使用：

• 向上/向下箭頭轉到上一個/下一個 DOM 元素（它實際上是可訪問性樹中的下一個元素，但現在只是將其視為導航 DOM 的一種方式）。 這就是用戶可以訪問頁面上每一段文本的方式。
• 左/右箭頭鍵轉到上一個/下一個字符，一次一個
• H導航到下一個標題（和Shift + H向后導航標題）
• 1 , 2 , 3導航到下一個 H1、H2、H3 等（和Shift版本向后退）
• Ins + F6查看標題列表並可選擇導航到其中一個。

我使用所有這些方法來瀏覽您的示例，並且每次我聽到標題為“1” 。

現在，可能聽起來這封信沒有被閱讀的一件事是 NVDA，但你說問題出在 JAWS 和講述人身上。 使用 NVDA，如果我一次使用右箭頭導航一個字符，NVDA 會在說出一個字母之前宣布它的元素類型，所以如果你不仔細聽，你可能聽不到字母。

當我使用右箭頭時，這是 NVDA 所說的：

• “標題級別 2，N”
• “哦”
• “t”
• “e”
• “s”
• “超出標題，標題級別 1, 1 ”

注意最后 NVDA 告訴我我離開了標題（“不在標題”），因為我向右箭頭離開了“注釋”標題，但同時告訴我我輸入了一個新標題（“標題級別 1”）並且這是一個“1 級”標題，並且有字符“1”。 如果你不仔細聽，你可能聽不到最后的“1”。

JAWS 沒有告訴我向右箭頭的元素類型（“標題”）。 它只說角色：

• “N”
• “哦”
• “t”
• “e”
• “s”
• “1”