我正在尝试动态插入标签中的值,我将从有视力的用户隐藏这些值,但屏幕阅读器会为列中显示的视障用户读取这些值.如何使用dojo完成此操作？
<html>
<head>
<title>Dojo Labels</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/dojo/1.3.2/dojo/dojo.xd.js"></script>
<style type="text/css">
.style1
{
width: 154px;
}
</style>
</head>
<body>
<table style="width: 51%; height: 204px;">
<tr>
<td class="style1">
<input id="Checkbox1" type="checkbox" />
<label for="Checkbox1"></label>
</td>
<td>
John
</td>
<td>
Doe
</td>
</tr>
<tr>
<td class="style1">
<input id="Checkbox2" type="checkbox" />
<label for="Checkbox2"></label>
</td>
<td>
Jane
</td>
<td>
Doe
</td>
</tr>
<tr>
<td class="style1">
<input id="Checkbox3" type="checkbox" />
<label for="Checkbox3"></label>
</td>
<td>
John
</td>
<td>
Smith
</td>
</tr>
</table>
</body>
</html>
如果您只需要动态更改标签,那么您可以尝试这样做:
dojo.query("label[for=Checkbox1]")[0].innerHTML = "text";
但如果您需要逻辑来检测它是否是屏幕阅读器或浏览器,那么我无能为力.但你可能总是用文本渲染标签只是添加样式display:none;
<label for="Checkbox2" style="display:none;">text</label>