Merge pull request #2303 from uktrade/LTD-5796-spans-to-labels

Change span to label so for attribute works
uktrade · Jan 14, 2025 · e240c68 · e240c68
2 parents 4219b25 + 46dfb12
commit e240c68
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/lite_forms/templates/components.html b/lite_forms/templates/components.html
@@ -18,20 +18,20 @@
 		</label>
 	{% endif %}
 	{% if question.description %}
-		<span class="govuk-hint" for="{{ question.name }}">
+		<label class="govuk-hint" for="{{ question.name }}">
 			<span>{{ question.description|safe }}</span>
-		</span>
+		</label>
 	{% endif %}
 	{% if question.accessible_description %}
-		<span class="govuk-hint govuk-visually-hidden" for="{{ question.name }}">
+		<label class="govuk-hint govuk-visually-hidden" for="{{ question.name }}">
 			{{ question.accessible_description }}
-		</span>
+		</label>
 	{% endif %}
 
 	<!-- Error -->
 	{% if errors %}
 		{% if errors|key_value:question.name and question.input_type != "hidden" %}
-			<span id="error-{{ question.name }}" for="{{ question.name }}" class="govuk-error-message">
+			<span id="error-{{ question.name }}" class="govuk-error-message">
 				<span class="govuk-visually-hidden">Error:</span>
 				{% for error in errors|key_value:question.name %}
 					{{ error }}