Changeset 10493

Timestamp:

09/13/07 14:14:35 (14 months ago)

Author:

becky

Message:

refs #4412 work on mail demo a11y; Hide fetch mail progress bar when not in use so it is not in the tab order. Add application role to body tag. Add optionsTitle to getMail combobutton

Files:

• dijit/trunk/demos/mail.html (modified) (6 diffs)

dijit/trunk/demos/mail.html

@@ -39 +39 @@
                 dojo.require("dijit.layout.ContentPane");
 
+                function initWai(){
+                        dijit.wai.setAttr(dojo.body(), "waiRole", "role", "application");
+                }
+                dojo.addOnLoad(initWai);
+                
                 var paneId=1;
 
@@ -58 +63 @@
                                         // set progress back to indeterminate. we're cheating, because this
                                         // doesn't actually have any data to "progress"
-                                        onEnd: function(){ dijit.byId('fakeFetch').update({ indeterminate: true }) }
+                                        onEnd: function(){ 
+                                                dijit.byId('fakeFetch').update({ indeterminate: true });
+                                                dojo.byId('fetchMail').style.visibility='hidden'; // remove progress bar from tab order
+                                        }
                                 }).play();
                         }
@@ -65 +73 @@
                         // FIXME: can't set a label on an indeterminate progress bar
                         // like if(this.indeterminate) { return " connecting."; }
-                        return "Fetching: "+(percent*this.maximum) + " of " + this.maximum + " messgaes.";
+                        return "Fetching: "+(percent*this.maximum) + " of " + this.maximum + " messages.";
                 }
                 var fakeDownload = function(){
+                        dojo.byId('fetchMail').style.visibility='visible';
                         numMails = Math.floor(Math.random()*10)+1;
                         dijit.byId('fakeFetch').update({ maximum: numMails, progress:0 });
@@ -88 +97 @@
                         setTimeout("stopSendBar()", 3000);
                 }
-                
-
-                
+
         </script>
 
@@ -243 +250 @@
                 <div dojoType="dijit.Toolbar" layoutAlign="top" style="height:25px;">
                         <div id="getMail" dojoType="dijit.form.ComboButton"
-                                iconClass="mailIconGetMail">
+                                iconClass="mailIconGetMail" optionsTitle="Mail Source Options">
                                 <script type="dojo/method" event="onClick">
                                         fakeDownload();
@@ -286 +293 @@
                 <div dojoType="dijit.layout.ContentPane" layoutAlign="bottom" id="footer" align="left">
                         <span style="float:right;">DojoMail v0.9b (demo only)</span>
-                        <div id="fetchMail" style="opacity:0;">
+                        <div id="fetchMail" style="opacity:0;visibility:hidden">
                         <div annotate="true" id="fakeFetch" dojoType="dijit.ProgressBar" style="height:15px; width:275px;" indeterminate="true" report="fakeReport"></div>
                         </div>