[LON-CAPA-cvs] cvs: loncom /interface loncommon.pm londocs.pm

[onken]

onken		Thu Mar 18 13:48:46 2010 EDT

  Modified files:              
    /loncom/interface	londocs.pm loncommon.pm 
  Log:
  Accessibility: add keyboard-accessibility for lower tab-pane in Course Editor
  
  
  
Index: loncom/interface/londocs.pm
diff -u loncom/interface/londocs.pm:1.421 loncom/interface/londocs.pm:1.422
--- loncom/interface/londocs.pm:1.421	Wed Mar 17 16:30:26 2010
+++ loncom/interface/londocs.pm	Thu Mar 18 13:48:45 2010
@@ -1,7 +1,7 @@
 # The LearningOnline Network
 # Documents
 #
-# $Id: londocs.pm,v 1.421 2010/03/17 16:30:26 onken Exp $
+# $Id: londocs.pm,v 1.422 2010/03/18 13:48:45 onken Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -3242,7 +3242,7 @@
 	<input type="hidden" name="folderpath" value="$path" />
 	<input type="hidden" name="importdetail" value="" />
 	<input type="hidden" name="active" value="aa" />
-	<a onclick="javascript:makenewfolder(document.newfolder,'$folderseq');">$lt{'newf'}</a>$help{'Adding_Folders'}
+	<a href="javascript:makenewfolder(document.newfolder,'$folderseq');">$lt{'newf'}</a>$help{'Adding_Folders'}
 	</form>
 NFFORM
 
@@ -3530,7 +3530,7 @@
             }elsif($activetab eq $name){
                $active = 'class="active"';
             }
-            $form .= '<li '.$active.' onclick="javascript:showPage(this, \''.$name.$tid.'\', \'navigation'.$tid.'\',\'content'.$tid.'\');">'.&mt(${$orderhash{$name}}[0]).'</li>';
+            $form .= '<li '.$active.' onclick="javascript:showPage(this, \''.$name.$tid.'\', \'navigation'.$tid.'\',\'content'.$tid.'\');"><a href="javascript:;"><b>'.&mt(${$orderhash{$name}}[0]).'</b></a></li>';
         } else {
 	    $form .= '<li '.$active.'>'.${$orderhash{$name}}[1].'</li>';
 
@@ -3540,14 +3540,14 @@
     $form .= '<div id="content'.$tid.'" style="padding: 0 0; margin: 0 0; clear: both;">';
     foreach my $field (keys(%orderhash)){
 	if($field ne '00'){
-        if($activetab eq '' || $activetab ne $field){
+            if($activetab eq '' || $activetab ne $field){
                 $active = 'style="display: none;"';
-        }elsif($activetab eq $field){
+            }elsif($activetab eq $field){
                 $active = 'style="display:block;"';
-        }
-           $form .= '<div id="'.$field.$tid.'"'
-                   .' class="LC_ContentBox" '.$active.'>'.${$orderhash{$field}}[1]
-                   .'</div>';
+            }
+            $form .= '<div id="'.$field.$tid.'"'
+                    .' class="LC_ContentBox" '.$active.'>'.${$orderhash{$field}}[1]
+                    .'</div>';
         }
     }
     $form .= '</div></div>';
Index: loncom/interface/loncommon.pm
diff -u loncom/interface/loncommon.pm:1.958 loncom/interface/loncommon.pm:1.959
--- loncom/interface/loncommon.pm:1.958	Thu Mar 18 11:41:01 2010
+++ loncom/interface/loncommon.pm	Thu Mar 18 13:48:45 2010
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # a pile of common routines
 #
-# $Id: loncommon.pm,v 1.958 2010/03/18 11:41:01 onken Exp $
+# $Id: loncommon.pm,v 1.959 2010/03/18 13:48:45 onken Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -4840,7 +4840,8 @@
   color:$font;
 }
 
-a:focus {
+a:focus,
+a:focus img {
   color: red;
   background: yellow;
 }
@@ -6118,7 +6119,7 @@
 
 ul.LC_TabContent li {
   vertical-align:middle;
-  padding: 0 10px 0 10px;
+  padding: 0 16px 0 10px;
   background-color:$tabbg;
   border-bottom:solid 1px $lg_border_color;
   border-right: solid 1px $font;
@@ -6134,12 +6135,14 @@
   text-decoration:none;
   font-size:95%;
   font-weight:bold;
-  padding-right: 16px;
   min-height:20px;
 }
 
-ul.LC_TabContent li a:hover {
+ul.LC_TabContent li a:hover,
+ul.LC_TabContent li a:focus {
   color: $button_hover;
+  background:none;
+  outline:none;
 }
 
 ul.LC_TabContent li:hover {
@@ -6154,6 +6157,11 @@
   cursor: default;
 }
 
+ul.LC_TabContent li.active a {
+  color:$font;
+  background:#FFFFFF;
+  outline: none;
+}
 #maincoursedoc {
   clear:both;
 }