MDL-13968 - Use h2 tag for the question number, as it is better for accessibility

diff --git a/question/type/question.html b/question/type/question.html
index 416e9ddede808d5b81ce760135550ef39af92e1d..9a076528aef9408e175c0cc2f1085a42b3201919 100644 (file)
--- a/question/type/question.html
+++ b/question/type/question.html
@@ -5,10 +5,10 @@
 ?>
 <div id="q<?php echo $question->id; ?>" class="que <?php echo $question->qtype; ?> clearfix">
   <div class="info">
-    <span class="no"><span class="accesshide">Question </span><?php echo $number; ?></span>
-    <?php if ($editlink) { ?>
+    <h2 class="no"><span class="accesshide">Question </span><?php echo $number;
+    if ($editlink) { ?>
       <span class="edit"><?php echo $editlink; ?></span>
-    <?php }
+    <?php } ?></h2><?php
     if ($grade) { ?>
       <div class="grade">
         <?php echo get_string('marks', 'quiz').': '.$grade; ?>

diff --git a/theme/standard/styles_fonts.css b/theme/standard/styles_fonts.css
index 92aeb0148362793f5dda2667e10d59e3d1fc0542..5cc0b755008e0b3cc2407f9c348a63310e563fac 100644 (file)
--- a/theme/standard/styles_fonts.css
+++ b/theme/standard/styles_fonts.css
@@ -692,8 +692,8 @@ body#grade-index .grades .header {
  *** Question
  ***/
 
-.que .no {
-  font-size: 1.2em;
+.que .info h2 {
+  font-size: 1.25em;
   font-weight: bold;
 }
 .que .grade {

diff --git a/theme/standard/styles_layout.css b/theme/standard/styles_layout.css
index 28479819c736a1def3c54ecce3f20297c17496ee..76a8156275bf81ec2009b6c9d2006b4d0383a99d 100644 (file)
--- a/theme/standard/styles_layout.css
+++ b/theme/standard/styles_layout.css
@@ -2547,13 +2547,19 @@ body.notes .notesgroup {
 }
 .que .info {
   float: left;
-  margin: 0.5em 0 0.5em 1.2em;
-  width: 8%;
+  margin: 0.5em 0;
+  width: 11.9%;
+}
+.que .info h2 {
+  margin: 0 0 0 0.64em;
+}
+.que .info div {
+  margin-left: 1em;
 }
 .que .content {
   float: left;
-  margin: 0.5em 1.2em 0.5em 0;
-  width: 85%;
+  margin: 0.5em 0;
+  width: 88%;
 }
 .que.description .info {
   display: none;