Dev: added div and aria-labelledby for label in question array

Before, the label text was always shown inside a label element.
But, final users could insert HTML in the label text, such as
block elements.So it could build invalid HTML code.
Now, the label text is inserted inside a div element, and linked to
the input through the attribute aria-labelledby

application/views/survey/questions/arrays/array/no_dropdown/rows/cells/answer_td.php

@@ -19,9 +19,19 @@ class="radio"
         id="answer<?php echo $myfname;?>-<?php echo $ld; ?>"
         <?php echo $CHECKED; ?>
         onclick="<?php echo $checkconditionFunction; ?>(this.value, this.name, this.type)"
+        aria-labelledby="label-answer<?php echo $myfname;?>-<?php echo $ld; ?>"
     />
     <label for="answer<?php echo $myfname;?>-<?php echo $ld; ?>" >
-        <span class="hide label-text"><?php echo $label;?></span>
+
     </label>
+
+    <!--
+         The label text is provided inside a div,
+         so final user can add paragraph, div, or whatever he wants in the subquestion text
+         This field is related to the input thanks to attribute aria-labelledby
+    -->
+    <div class="hide label-text" id="label-answer<?php echo $myfname;?>-<?php echo $ld; ?>">
+        <?php echo $label;?>
+    </div>
 </td>
 <!-- end of answer_td -->

templates/default/css/template.css

@@ -754,6 +754,7 @@ td.answer-item.text-center
 
 /* center the label text in no more table mode */
 .label-text{
+    display: inline;
     position: relative;
     bottom: 2px;
 }