Issue #3010558 by dww, huzooka, yash.rode, Swapnil_Kotwal, averagejoe3000, Waldoswndrwrld, Gauravvv, sagarchauhan, sahil.goyal, dksdev01, singhkiran, _utsavsharma, lauriii: Unnecessary <strong> element in Umami's form-element template may produce invalid markup

core/profiles/demo_umami/themes/umami/css/classy/components/form.css

@@ -93,6 +93,9 @@ abbr.ajax-changed {
 }
 
 /* Inline error messages. */
+.form-item-errors {
+  font-weight: bold;
+}
 .form-item--error-message:before {
   display: inline-block;
   width: 14px;

core/profiles/demo_umami/themes/umami/templates/classy/form/datetime-wrapper.html.twig

@@ -25,8 +25,8 @@
 {% endif %}
 {{ content }}
 {% if errors %}
-  <div class="form-item--error-message">
-    <strong>{{ errors }}</strong>
+  <div class="form-item--error-message form-item-errors">
+    {{ errors }}
   </div>
 {% endif %}
 {% if description %}

core/profiles/demo_umami/themes/umami/templates/classy/form/details.html.twig

@@ -27,8 +27,8 @@
   {%- endif -%}
   <div class="details-wrapper">
     {% if errors %}
-      <div class="form-item--error-message">
-        <strong>{{ errors }}</strong>
+      <div class="form-item--error-message form-item-errors">
+        {{ errors }}
       </div>
     {% endif %}
     {%- if description -%}

core/profiles/demo_umami/themes/umami/templates/classy/form/fieldset.html.twig

@@ -50,8 +50,8 @@
       <div{{ description.attributes.addClass('description') }}>{{ description.content }}</div>
     {% endif %}
     {% if errors %}
-      <div class="form-item--error-message">
-        <strong>{{ errors }}</strong>
+      <div class="form-item--error-message form-item-errors">
+        {{ errors }}
       </div>
     {% endif %}
     {% if prefix %}

core/profiles/demo_umami/themes/umami/templates/classy/form/form-element.html.twig

@@ -83,8 +83,8 @@
     {{ label }}
   {% endif %}
   {% if errors %}
-    <div class="form-item--error-message">
-      <strong>{{ errors }}</strong>
+    <div class="form-item--error-message form-item-errors">
+      {{ errors }}
     </div>
   {% endif %}
   {% if description_display in ['after', 'invisible'] and description.content %}