Changeset 11772

Timestamp:

12/10/07 10:57:49 (8 months ago)

Author:

becky

Message:

refs #5117. Add the text form any label element associated with the textarea to the title of the document in the FF iframe for a11y.

Location:

dijit/trunk

Files:

• form/Textarea.js (modified) (1 diff)
• tests/form/test_Textarea.html (modified) (2 diffs)

dijit/trunk/form/Textarea.js

@@ -122 +122 @@
                         // the cryptic name and will also convey the role information to the user.
                         // Because it is read directly to the user, the string must be localized.
+                        // In addition, since a <label> element can not be associated with an iframe, if 
+                        // this control has a label, insert the label text into the title as well.
                         var _nlsResources = dojo.i18n.getLocalization("dijit", "Textarea");
                         this._iframeEditTitle = _nlsResources.iframeEditTitle;
                         this._iframeFocusTitle = _nlsResources.iframeFocusTitle;
+                        var label=dojo.query('label[for="'+this.id+'"]');
+                        if(label.length){
+                                this._iframeEditTitle = label[0].innerHTML + " " + this._iframeEditTitle;
+                        }
                         var body = this.focusNode = this.editNode = document.createElement('BODY');
                         body.style.margin="0px";

dijit/trunk/tests/form/test_Textarea.html

@@ -22 +22 @@
 
                 <form id="form1" action="" name="example" method="post">
-                <textarea name="plainTextArea" rows=5>
+                <label for="plain">HTML textarea: </label><textarea name="plainTextArea" id="plain" rows=5>
                         this is a plain text area
                         for comparison
                 </textarea>
-                <br><textarea id="programmatic"></textarea>
+                <br><label for="programmatic">programmatically created:</label> <textarea id="programmatic"></textarea>
                 <script type="text/javascript">
                         // See if we can make a widget in script
@@ -38 +38 @@
                         });
                 </script>
-                <br>Inline:<div name="simpleTextArea" dojoType="dijit.form.Textarea" style="width:33%;border:20px solid red;"
+                <br><label for="simple">Inline:</label><div name="simpleTextArea" dojoType="dijit.form.Textarea" id="simple" style="width:33%;border:20px solid red;"
                         onChange="dojo.byId('ocSimple').value=arguments[0]"
                         >this is a very simple resizable text area</div>