Changeset 9259

Timestamp:

06/22/07 12:18:47 (19 months ago)

Author:

davidb

Message:

Fixes #3306: added arrow symbols to accordion for high contrast (images off) mode.

Location:

dijit/trunk

Files:

• layout/templates/AccordionPane.html (modified) (1 diff)
• themes/dijit.css (modified) (1 diff)

dijit/trunk/layout/templates/AccordionPane.html

@@ -1 +1 @@
 <div class='dijitAccordionPane'
         ><div dojoAttachPoint='titleNode' dojoAttachEvent='onclick:_onTitleClick' class='title'
-                ><div class='arrow'></div><span dojoAttachPoint='titleTextNode'>${title}</span></div
+                ><div class='arrow'></div
+                ><div class='arrowTextUp' waiRole="presentation">&#9650;&#9650;</div
+                ><div class='arrowTextDown' waiRole="presentation">&#9660;&#9660;</div
+                ><span dojoAttachPoint='titleTextNode'>${title}</span></div
         ><div><div dojoAttachPoint='containerNode' style='overflow: hidden; height: 1px; display: none' class='body'
         ></div></div>

dijit/trunk/themes/dijit.css

@@ -826 +826 @@
 
 .dijitAccordionPane .title .arrow {
-        float:right;
-}
-
+        float: right;
+}
+
+/* images off, high-contrast mode styles */
+.dijitAccordionPane .title .arrowTextUp,
+.dijitAccordionPane .title .arrowTextDown {
+        display: none; 
+        float: right;
+        font-size: 0.65em; 
+        font-weight: normal !important;
+}
+
+.dijit_a11y .dijitAccordionPane .title .arrowTextUp { 
+        display: inline; 
+}
+
+.dijit_a11y .dijitAccordionPane-selected .title .arrowTextDown {
+        display: inline; 
+}
+
+.dijit_a11y .dijitAccordionPane-selected .title .arrowTextUp {
+        display: none; 
+}
 
 /* Calendar */