dojoを使用してラベルに値を挿入するには

視力のあるユーザーから隠すラベルに値を動的に挿入しようとしていますが、その列に表示される視覚障害のあるユーザーのためにスクリーンリーダーによって読み込まれます。 dojoを使用してこれをどのように達成できますか？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"> 
      &nbsp; 
      <input id="Checkbox1" type="checkbox" /> 
      <label for="Checkbox1"></label> 
     </td> 
     <td> 
      John 
     </td> 
     <td> 
      Doe 
     </td> 
    </tr> 
    <tr> 
     <td class="style1"> 
      &nbsp; 
      <input id="Checkbox2" type="checkbox" /> 
      <label for="Checkbox2"></label> 
     </td> 
     <td> 
      Jane 
     </td> 
     <td> 
      Doe 
     </td> 
    </tr> 
    <tr> 
     <td class="style1"> 
      &nbsp; 
      <input id="Checkbox3" type="checkbox" /> 
      <label for="Checkbox3"></label> 
     </td> 
     <td> 
      John 
     </td> 
     <td> 
      Smith 
     </td> 
    </tr> 
</table> 
</body> 
</html>

出典

2010-11-24 Amen

と呼ばれています。しかし、たぶんあなたはおそらく、常にスタイルの表示を追加するだけのテキストでラベルをレンダリングすることができます：なし;

<label for="Checkbox2" style="display:none;">text</label>

出典

2010-11-24 17:48:11

私はすでにCSSを書いてあり、はい私は何も表示していません。私はちょうど道場コードを書く方法の方向性を必要とし、あなたは感謝を助けました。 – Amen

ない私はあなたがやっている正確に理解が、道場はあなたがDOMノードの属性値を変更することを可能にする方法を提供する場合、正確に確認してください。あなたはそれがスクリーンリーダーやブラウザ、私は助けることができないかどうかを検出するためのロジックが必要な場合は

dojo.query("label[for=Checkbox1]")[0].innerHTML = "text";

しかし：あなただけで動的にラベルを変更する必要がある場合、あなたはこれを試すことができ dojo.attr()

出典

2010-11-24 17:38:13 linusthe3rd

おそらく、これが役に立ちます。

ラベルの内容を取得するには：dijit.byId（ "btnButtonName"）。get（ "label"）== "SomeName"）;

ラベル内容を設定するには：dijit.byId（ "btnButtonName"）。set（ "label"、 "SomeName"）;

出典

2013-05-30 06:20:41

dojoを使用してラベルに値を挿入するには

答えて

関連する問題