Add <label> to form inputs

To comply with WCAG standard, inputs should be associated with a label. This requires a CSS tweak CSS to ensure consistent display of labels in bold font. Fixes #27258
mantisbt · Sep 18, 2020 · d27ea37 · d27ea37
1 parent 53d584d
commit d27ea37
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 4 deletions.
diff --git a/account_prof_menu_page.php b/account_prof_menu_page.php
@@ -256,7 +256,9 @@
 								<tr>
 									<td class="category">
 										<span class="required">*</span>
-										<?php echo lang_get( 'platform' ) ?>
+										<label for="platform">
+											<?php echo lang_get( 'platform' ) ?>
+										</label>
 									</td>
 									<td>
 										<input type="text" class="input-sm"
@@ -267,7 +269,9 @@
 								<tr>
 									<td class="category">
 										<span class="required">*</span>
-										<?php echo lang_get( 'os' ) ?>
+										<label for="os">
+											<?php echo lang_get( 'os' ) ?>
+										</label>
 									</td>
 									<td>
 										<input type="text" class="input-sm"
@@ -278,7 +282,9 @@
 								<tr>
 									<td class="category">
 										<span class="required">*</span>
-										<?php echo lang_get( 'os_build' ) ?>
+										<label for="os_build">
+											<?php echo lang_get( 'os_build' ) ?>
+										</label>
 									</td>
 									<td>
 										<input type="text" class="input-sm"
@@ -288,7 +294,9 @@
 								</tr>
 								<tr>
 									<td class="category">
-										<?php echo lang_get( 'additional_description' ) ?>
+										<label for="description">
+											<?php echo lang_get( 'additional_description' ) ?>
+										</label>
 									</td>
 									<td>
 									<textarea  id="description" name="description"

diff --git a/css/ace-mantis.css b/css/ace-mantis.css
@@ -341,6 +341,11 @@ textarea.input-xs, select.input-xs[multiple] {
     padding: 1px 3px;
 }
 
+th > label,
+td > label {
+    font-weight: bold;
+}
+
 .scrollable-menu {
     height: auto;
     max-height: 435px;