feat(frontend): updated markup for error message

getindiekit · Jan 31, 2021 · 22a7f5d · 22a7f5d
1 parent f9622b6
commit 22a7f5d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/frontend/components/error-message/template.njk b/packages/frontend/components/error-message/template.njk
@@ -1,6 +1,6 @@
 {%- set classes = "error-message" + (" " + opts.classes if opts.classes) -%}
-<dl class="{{ classes }}" id="{{ opts.id }}"
+<span class="{{ classes }}" id="{{ opts.id }}"
   {%- for attr, value in opts.attributes %} {{ attr }}="{{ value }}"{% endfor -%}>
-  <dt class="error-message__label visually-hidden">{{ opts.label | default("Error") }}:</dt>
-  <dd>{{ opts.text | safe }}</dd>
-</dl>
+  <span class="visually-hidden">{{ opts.label | default("Error") }}:</span>
+  <span class="error-message__text">{{ opts.text | safe }}</span>
+</span>