From f6ab261aa91341362f87cb91e30aa482fdfef07a Mon Sep 17 00:00:00 2001
From: Precious Onyenaucheya <precious.onyenaucheya@ons.gov.uk>
Date: Wed, 4 Dec 2024 19:05:39 +0000
Subject: [PATCH] fix accessibility issues

---
 .../description-list/_description-list.scss   |  9 ------
 src/components/description-list/_macro.njk    | 29 +++++++++----------
 2 files changed, 14 insertions(+), 24 deletions(-)

diff --git a/src/components/description-list/_description-list.scss b/src/components/description-list/_description-list.scss
index 9dd4d25b22..a97ff362c5 100644
--- a/src/components/description-list/_description-list.scss
+++ b/src/components/description-list/_description-list.scss
@@ -65,24 +65,15 @@
             gap: 0.5rem 2.5rem;
 
             .ons-grid__col {
-                flex: none;
                 width: auto;
-                display: block;
             }
 
             .ons-description-list__value {
                 float: none;
-                grid-column: auto;
-            }
-
-            .ons-description-list__values {
-                display: flex;
-                flex-wrap: wrap;
             }
 
             .ons-description-list__term {
                 margin-right: 1rem;
-                grid-column: auto;
             }
         }
     }
diff --git a/src/components/description-list/_macro.njk b/src/components/description-list/_macro.njk
index c648a48c91..a164a627c9 100644
--- a/src/components/description-list/_macro.njk
+++ b/src/components/description-list/_macro.njk
@@ -15,21 +15,20 @@
                         {{ item.term }}
                     </dt>
                 {% endif %}
-                <span class="ons-description-list__values">
-                    {% for descriptionItem in item.descriptions %}
-                        {% if descriptionItem.description | length %}
-                            <dd
-                                {% if descriptionItem.id %}id="{{ descriptionItem.id }}"{% endif %}
-                                class="ons-description-list__value ons-grid__col ons-col-{{ params.descriptionCol }}@{{ 'xs@l' if params.variant == 'inline' else 'm' }}"
-                            >
-                                {{- descriptionItem.description -}}
-                                {%- if params.variant == 'inline' and item.descriptions | length > 1 and loop.index != item.descriptions | length -%}
-                                    <span class="ons-description-list-inline-comma">, </span>
-                                {% endif %}
-                            </dd>
-                        {% endif %}
-                    {% endfor %}
-                </span>
+                {% for descriptionItem in item.descriptions %}
+                    {% if descriptionItem.description | length %}
+                        <dd
+                            {% if descriptionItem.id %}id="{{ descriptionItem.id }}"{% endif %}
+                            class="ons-description-list__value ons-grid__col ons-col-{{ params.descriptionCol }}@{{ 'xs@l' if params.variant == 'inline' else 'm' }}"
+                        >
+                            {{- descriptionItem.description -}}
+
+                            {%- if params.variant == 'inline' and item.descriptions | length > 1 and loop.index != item.descriptions | length -%}
+                                <span class="ons-description-list-inline-comma">, </span>
+                            {% endif %}
+                        </dd>
+                    {% endif %}
+                {% endfor %}
             </div>
         {% endfor %}
     </dl>