Javascript 屏幕阅读器-jquery弹出窗口
我有一个弹出窗口,用户必须单击它才能填写表单并提交表单。我不想离开这个页面,因此我使用了一个弹出窗口(也欢迎对此提出建议) 我在这里遇到的问题是,当弹出窗口打开时,JAWS(屏幕阅读器)无法识别。我尝试将焦点设置为弹出窗口中的一个输入字段,但它只读取该输入字段,然后继续读取原始页面。忽略标题和除重点输入之外的任何内容。有人知道我如何提醒屏幕阅读器弹出窗口已打开,然后强制屏幕阅读器阅读弹出窗口并停止吗 这是单击时显示弹出窗口的按钮:Javascript 屏幕阅读器-jquery弹出窗口,javascript,jquery,html,popup,section508,Javascript,Jquery,Html,Popup,Section508,我有一个弹出窗口,用户必须单击它才能填写表单并提交表单。我不想离开这个页面,因此我使用了一个弹出窗口(也欢迎对此提出建议) 我在这里遇到的问题是,当弹出窗口打开时,JAWS(屏幕阅读器)无法识别。我尝试将焦点设置为弹出窗口中的一个输入字段,但它只读取该输入字段,然后继续读取原始页面。忽略标题和除重点输入之外的任何内容。有人知道我如何提醒屏幕阅读器弹出窗口已打开,然后强制屏幕阅读器阅读弹出窗口并停止吗 这是单击时显示弹出窗口的按钮: <button type="submit" name="b
<button type="submit" name="btnCreatee" id="btnCreate" value="#createIndexDialog">Create Index</button>
<div id="createIndexDialog" class="window" style="background-color:#ffffff;">
<div align="right"><a href="#" class="closeIndexCreation" id="closeIndexCreation"></a></div>
<h2 style="text-align:center;color:#333;">Create an Index</h2>
<br />
<ul class="statusMessages" style="background: transparent;"></ul>
<form name="createIndexFrm" id="createIndexFrm" method="post" action="createIndex.do">
<input type="hidden" name="operation" value="create">
<div id="t" border="0">
<div style="display:block;margin:0 0 15px 54px;">
<span ><b>Name:</b><input type="text" class="requiredField" maxlength="16" name="name" id="name" size="40" onblur="checkform()" style="margin-left:8px;"></span>
</div>
<div style="display:block;margin:0 0 15px 104px;">
<span>
<ul style="list-style:none;background:#fff;border:2px solid #ebebeb;padding:5px;border-radius:5px;width:auto;">
<li>Index name can not be changed later.</li>
<li>It is not case sensitive.</li>
<li>Specify from 1 to 30 characters using letters (A-Z, a-z) or numbers (0-9)</li>
</ul>
</span>
</div>
<div style="display:block;margin:0 0 15px 54px;">
<span ><b>Type:</b><input type="radio" name="data_source_type" value="0" checked style="margin-left:5px;"> Database, <i>Select data via database connection</i></span>
</div>
<div style="display:block;margin:0 0 15px 0px;">
<span ><b>Display Name:</b><input type="text" maxlength="30" name="displayName" id="displayName" size="40" value="" style="margin-left:8px;"></span>
</div>
<div style="display:block;margin:0 0 15px 15px;">
<span ><b>Description:</b><textarea name="desc" id="desc" cols="75" rows="3" wrap="virtual" style="margin-left:5px;"></textarea></span>
</div>
<div style="display:block;margin-left:240px;">
<span><button type="submit" class="general ui-corner-all" name="submitCreate" id="submitCreate" onclick="createIndexFrm.operation.value='create'; document.createIndexFrm.submit(); return false;">Create</button></span>
</div>
</div>
</form></div>
另外,我正在编辑现有代码,以使第508页符合/可访问 你为什么要做一个新窗口?这将有助于:
window.open('windowname');
当涉及到508法规遵从性时,JQuery弹出窗口非常糟糕。但是你可以做一些事情来帮助JAWS更好地阅读它
- 添加标记以将每个控件绑定到其标签
- 将表单控件分组到标记内
- 您是否可以将表单放入此页面的内联部分?通过这种方式,您可以在需要时隐藏该部分,然后展开页面以向用户显示该部分
中告诉我!
window.open('windowname');