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

[raeburn]

raeburn		Fri Feb 21 06:09:37 2025 EDT

  Modified files:              
    /loncom/interface	loncommon.pm 
    /loncom/homework	daxepage.pm 
  Log:
  - WCAG 2 compliance.
    - Replace layout table with divs in collapsible header above Daxe iframe. 
  
  
Index: loncom/interface/loncommon.pm
diff -u loncom/interface/loncommon.pm:1.1460 loncom/interface/loncommon.pm:1.1461
--- loncom/interface/loncommon.pm:1.1460	Fri Feb 21 04:29:26 2025
+++ loncom/interface/loncommon.pm	Fri Feb 21 06:09:36 2025
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # a pile of common routines
 #
-# $Id: loncommon.pm,v 1.1460 2025/02/21 04:29:26 raeburn Exp $
+# $Id: loncommon.pm,v 1.1461 2025/02/21 06:09:36 raeburn Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -7039,7 +7039,7 @@
             my $alttext = &mt('menu state: '.$menustate);
             my $tooltip = &mt($tiptext.' standard menus');
             $bodytag .= <<"END";
-<div id="LC_expandingContainer" style="display:inline;">
+<div id="LC_expandingContainer" style="display:inline;" role="navigation">
 <div id="LC_collapsible" class="LC_collapse_trigger" style="position: absolute;top: -5px;left: 0px; z-index:101; display:inline;">
 <a href="#" style="text-decoration:none;"><img class="LC_collapsible_indicator" alt="$alttext" title="$tooltip" src="/res/adm/pages/$menustate.png" style="border:0;margin:0;padding:0;max-width:100%;height:auto" /></a></div>
 <div class="LC_menus_content $divclass">
@@ -8472,6 +8472,10 @@
   margin-right: 50px;
 }
 
+div.LC_grade_show_user div.LC_Box table tr th {
+  font-weight: normal;
+}
+
 div.LC_grade_submissions,
 div.LC_grade_message_center,
 div.LC_grade_info_links {
@@ -8502,6 +8506,12 @@
   font-style:normal;
 }
 
+div.LC_edit_problem_daxe_header {
+  padding: 3px;
+  background: $tabbg;
+  z-index: 100;
+}
+
 .LC_edit_problem_header,
 div.LC_edit_problem_footer {
   font-weight: normal;
Index: loncom/homework/daxepage.pm
diff -u loncom/homework/daxepage.pm:1.17 loncom/homework/daxepage.pm:1.18
--- loncom/homework/daxepage.pm:1.17	Fri Apr 19 03:48:23 2024
+++ loncom/homework/daxepage.pm	Fri Feb 21 06:09:37 2025
@@ -1,7 +1,7 @@
 # The LearningOnline Network
 # Page with Daxe on the left side and the preview on the right side
 #
-# $Id: daxepage.pm,v 1.17 2024/04/19 03:48:23 raeburn Exp $
+# $Id: daxepage.pm,v 1.18 2025/02/21 06:09:37 raeburn Exp $
 #
 # Copyright Michigan State University Board of Trustees
 #
@@ -99,6 +99,7 @@
                                           'edit' => 'Save and Edit',
                                           'disc' => 'Discard and View',
                                           'save' => 'Save and View',
+                                          'daxe' => 'Daxe Editor',
                                         );
     my $name = $uri;
     $name =~ s/^.*\/([^\/]+)$/$1/;
@@ -127,15 +128,16 @@
     if ($is_assess) {
         $editheader .= '<input type="hidden" name="problemmode" value="daxe" />'."\n";
     }
-    $editheader .= '<div class="LC_edit_problem_editxml_header">'."\n";
+    $editheader .= '<div class="LC_edit_problem_daxe_header">'."\n";
     my $saveeditbutton = '<input type="button" name="submitmode" accesskey="s" value="'.$lt{'edit'}.
                      '" onclick="'.$clickedit.'" />'."\n";
     my $exitbutton = '<input type="button" name="submitmode" accesskey="d" value="'.$lt{'disc'}.
                      '" onclick="'.$clickexit.'" />'."\n";
     my $saveexitbutton = '<input type="button" name="submitmode" accesskey="v" value="'.$lt{'save'}.
                      '" onclick="'.$clicksave.'" />'."\n";
-    $editheader .= '<table class="LC_edit_problem_header_title"><tr><td>'.
-                   $uri.'</td><td align="right"><span class="LC_nobreak">'.
+    $editheader .= '<div class="LC_landmark" style="clear:both;">'.
+                   '<div class="LC_floatleft LC_landmark" style="margin-top: 2px">'.$uri.'</div>'.
+                   '<div class="LC_floatright LC_landmark"><span class="LC_nobreak">'.
                    $saveeditbutton.$saveexitbutton.$exitbutton.'</span>';
     if ($editors{'edit'} || $editors{'xml'}) {
         my $other = (($editors{'edit'} && $editors{'xml'})? $lt{'oeds'} : $lt{'othe'});
@@ -157,7 +159,9 @@
         }
         $editheader .= '</span>';
     }
-    $editheader .= '</td></tr></table></div></form>'."\n";
+    $editheader .= '</div></div>'.
+                   '<div class="LC_landmark" style="clear:both"></div>'.
+                   '</div></form>'."\n";
     my $start_collapsed = &collapsible_std_LCmenus();
     my $args = {
                 'collapsible_header' => $editheader,
@@ -175,7 +179,8 @@
     $request->print(<<"ENDFRAME");
 $startpage
 $script
-<div class="LC_iframecontainer" style="padding-right: 5px">
+<div class="LC_iframecontainer" style="padding-right: 5px" role="main">
+<h1 class="LC_visually_hidden">$lt{'daxe'}</h1>
 <iframe src="$dest" id="lcdiframe">$lt{'noif'} $noiframe</iframe>
 </div>
 $endpage