Question

我遇到nvda问题。我有一个主div标签，在div标签内有多个div标签。每当我点击按钮时，这个主要的div标签就会聚焦。我期待屏幕阅读器应该阅读整个内容。我能否知道我遗漏了哪些代码？

这是一个小小的小提琴：http://jsfiddle.net/o27ogt2z/

HTML代码：

<button id="btnSave">Save Click</button>
<div id="mrndialog" class="mrndialog" style="display: block;">
<div id="mrn_description" tabindex="0" aria-label="MRN detail description">
<label for="MRN title">
<div><span id="label_mrn_title">
 <h3>Where is the Health/Medical Record number?</h3>
</span></div></label>
<label for="MRN Description">

<div id="label_mrn_body_1">You'll find this number on a Kaiser Permanente 
card.It's the number used when making appointments.</div>
<div id="label_mrn_body_2">If you are in Northern California, don't include 
the '11' prefix when entering the MRN.</div></label></div>
<div><button class="button i18n" id="back_mrn_button" role="button">       
<b>BACK</b></button></div></div>

这是我的JS档案。

$(document).ready(function () {

    $("#btnSave").click(
        function () {
            $("#mrn_description").focus()
            AlertSave();
        }            
    );
  $("#back_mrn_button").click(
        function () {
            AlertSave();
        }            
    );
});

function AlertSave() {
alert("Alert Message OnClick");
}

预计是：1：我将点击保存按钮点击。因此焦点将转移到＆＃34; mrn_description＆＃34; DIV。之后，我期待屏幕阅读器阅读该div内的所有内容。包括儿童div和跨度。虽然专注于 NVDA 并没有阅读任何内容。选项卡焦点后，将转到后退按钮。现在，如果我将移动+ tab（返回）以关注＆＃34; mrn_description＆＃34;标签然后 NVDA 读取所有内容。填补空白的任何帮助。

NVDA不读取div标签内的文本。（通过tabIndex = 0获得焦点后）

0 个答案: