DF-815-<fieldset> structures within the catalogue search results page. (

#1330)
nationalarchives · Sep 22, 2023 · 1ee1400 · 1ee1400
1 parent 2053041
commit 1ee1400
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/templates/search/blocks/search_filters.html b/templates/search/blocks/search_filters.html
@@ -45,16 +45,16 @@ <h3 class="tna-heading sr-only">Edit filters</h3>
 
             {% if form.group.value == 'tna' or form.group.value == 'digitised' or form.group.value == 'nonTna' %}
                 <div class="search-filters__accordion-section">
-                    <fieldset>
+                    <fieldset role="group" aria-describedby="from-date">
                         <legend>
                             <h4 class="tna-heading search-filters__accordion-section-heading" id="record_covering_date">Dates</h4>
                         </legend>
 
-                        <span class="example-text">For example, 27 3 2007</span>
+                        <span class="example-text" id="from-date">For example, 27 3 2007</span>
                         <div>{{ form.covering_date_from.label_tag }}</div>
 
-                        <div class="search-filters__creation-date-section">
-                            
+                        <div>
+
                             {% if form.covering_date_from.errors %}
                                 <div
                                     data-tracking-errors
@@ -64,9 +64,11 @@ <h4 class="tna-heading search-filters__accordion-section-heading" id="record_cov
                                 </div>
                             {% endif %}
                             {{ form.covering_date_from }}
+
                         </div>
 
-                        <div class="search-filters__creation-date-section">
+                        <div>
+
                             {{ form.covering_date_to.label_tag }}
                             {% if form.covering_date_to.errors %}
                                 <div
@@ -77,6 +79,7 @@ <h4 class="tna-heading search-filters__accordion-section-heading" id="record_cov
                                 </div>
                             {% endif %}
                             {{ form.covering_date_to }}
+
                         </div>
 
                         <input type="submit" value="Update" class="search-filters__submit">
@@ -105,13 +108,14 @@ <h4 class="tna-heading search-filters__accordion-section-heading" id="record_cov
 
             {% if form.group.value == 'tna' or form.group.value == 'digitised' %}
                 <div class="search-filters__accordion-section">
-                    <fieldset>
+                    <fieldset role="group" aria-describedby="opening-start-date">
                         <legend>
                             <h4 class="tna-heading search-filters__accordion-section-heading" id="record_opening_date">Record opening date</h4>
                         </legend>
 
                         <div class="search-filters__opening-date-section">
-                            <span class="example-text">For example, 27 3 2007</span><br>
+
+                            <span class="example-text" id="opening-start-date">For example, 27 3 2007</span><br>
                             {{ form.opening_start_date.label_tag }}
                             {% if form.opening_start_date.errors %}
                                 <div
@@ -122,10 +126,12 @@ <h4 class="tna-heading search-filters__accordion-section-heading" id="record_ope
                                 </div>
                             {% endif %}
                             {{ form.opening_start_date }}
+
                         </div>
 
 
                         <div class="search-filters__opening-date-section">
+
                             {{ form.opening_end_date.label_tag }}
                             {% if form.opening_end_date.errors %}
                                 <div
@@ -136,6 +142,7 @@ <h4 class="tna-heading search-filters__accordion-section-heading" id="record_ope
                                 </div>
                             {% endif %}
                             {{ form.opening_end_date }}
+
                         </div>
 
                         <input type="submit" value="Update" class="search-filters__submit">