Information

You appear to be using an unsupported browser, and it may not be able to display this site properly. You may wish to upgrade your browser.

New

Search filters

Provide search filters to help users narrow down a large volume of search results.

About search filters

A filtered search results page has the same features as an unfiltered results list, but search filters and search tags are added.

Filters help users narrow down a long list of results to find relevant content.

Common filters include content type and topic.

When to provide search filters

Consider providing search filters if your website has a lot of content items or you expect the amount of content to grow over time.

Search filters use the data and categories associated with the content item. You must prepare your content with appropriate tagging and metadata.

Performance data shows that on gov.scot, fewer than 10% of search users use search filters.  Users are more likely to use filters if they know the topic well. General users are less likely to engage with search filters as the filters may not be meaningful to them.

Do user research to understand if your users need filters and which search filters are useful.

How to use search filters

On desktop, search filters display to the left of search results. On mobile, search filters sit within a dropdown above the search results.

The filters appear within an accordion. There's an accordion panel for each filter category.

Choose clear filter category labels that help users understand what they can filter by. For example, ‘topic’, ‘content type’ and ‘date updated’.

Filters should be either:

  • checkboxes — for filters like a topic or content type
  • date pickers — to set a date range for filters like date of publication

Long search filter labels without spaces or hyphens will not wrap onto a new line. Therefore, you should use the <wbr> tag to break a long label in the most suitable place. For example, a label containing forward slashes should have the break after a slash.

Updating search results when applying filters

After opening the category, users choose the filter options they want.

On desktop, you can make search results automatically update when a user selects filters by using JavaScript to submit the filter changes. If you do this, you must add the js-initialised class to the ds_search-filters element. This removes the ‘apply filters’ button.

On mobile, search results should not automatically update when filters are applied. Users must select the ‘apply filter’ button. Otherwise, they may not notice that the search results have updated.

Allow users to select as many filters as they need. Show all search results if no filters are selected.

Search tags

Place search tags above the list of search results to tell users what filters they’ve selected.

Each search tag is a button. Users can select the button to delete a filter without having to do the search again.

Group search tags by category. Within each category, order them alphabetically.

Put a ‘clear all filters’ button underneath the tags so users can delete all filters.

If the user selects multiple tags, they’ll flow on to multiple lines if they exceed the width of the space available.

Search tags need to be understandable for a screen reader. It should be clear to the user that they can remove search tags. Use aria-labels to change the text that screen readers read out for the search tag button. For example, a search tag for ‘housing’ would have an aria-label of ‘remove housing filter’.

Sample HTML

<main class="ds_layout  ds_layout--search-results--filters">
    <div class="ds_layout__header">
        <header class="ds_page-header">
            <h1 class="ds_page-header__title">Search</h1>
        </header>
    </div>
    <div class="ds_layout__content">
        <div class="ds_site-search">
            <form role="search" class="ds_site-search__form">
                <label class="ds_label  visually-hidden" for="site-search">Search</label>
                <div class="ds_input__wrapper  ds_input__wrapper--has-icon">
                    <input name="q" required="" id="site-search" class="ds_input  ds_site-search__input" type="search" placeholder="Search" autocomplete="off" value="School uniform" />
                    <button type="submit" class="ds_button  js-site-search-button">
                        <span class="visually-hidden">Search</span>
                        <svg class="ds_icon" aria-hidden="true" role="img">
                            <use href="/assets/images/icons/icons.stack.svg#search"></use>
                        </svg>
                    </button>
                </div>
            </form>
        </div>
    </div>
    <div class="ds_layout__sidebar">
        <div class="ds_search-filters">
            <div class="ds_details  ds_no-margin" data-module="ds-details">
                <input id="filters-toggle" type="checkbox" class="ds_details__toggle  visually-hidden">
                <label for="filters-toggle" class="ds_details__summary">
                    Search filters
                </label>
                <div class="ds_skip-links  ds_skip-links--static">
                    <ul class="ds_skip-links__list">
                        <li class="ds_skip-links__item"><a class="ds_skip-links__link" href="#search-results">Skip to results</a></li>
                    </ul>
                </div>
                <div class="ds_details__text">
                    <form id="filters">
                        <h3 class="ds_search-filters__title  ds_h4">Filter by</h3>
                        <div class="ds_accordion  ds_accordion--small  ds_!_margin-top--0" data-module="ds-accordion">
                            <div class="ds_accordion-item">
                                <input type="checkbox" class="visually-hidden  ds_accordion-item__control" id="panel-1" aria-labelledby="panel-1-heading" />
                                <div class="ds_accordion-item__header">
                                    <h3 id="panel-1-heading" class="ds_accordion-item__title">
                                        Content type
                                        <div class="ds_search-filters__filter-count">(2 selected)</div>
                                    </h3>
                                    <span class="ds_accordion-item__indicator"></span>
                                    <label class="ds_accordion-item__label" for="panel-1"><span class="visually-hidden">Show this section</span></label>
                                </div>
                                <div class="ds_accordion-item__body">
                                    <fieldset>
                                        <legend class="visually-hidden">Select which publication types you would like to see</legend>
                                        <div class="ds_search-filters__scrollable">
                                            <div class="ds_search-filters__checkboxes">
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="advice-and-guidance" checked name="publicationTypes" value="advice-and-guidance" class="ds_checkbox__input" type="checkbox">
                                                    <label for="advice-and-guidance" class="ds_checkbox__label">Advice and guidance</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="agreement" name="publicationTypes" value="agreement" class="ds_checkbox__input" type="checkbox">
                                                    <label for="agreement" class="ds_checkbox__label">Agreement</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="consultation-analysis" name="publicationTypes" value="consultation-analysis" class="ds_checkbox__input" type="checkbox">
                                                    <label for="consultation-analysis" class="ds_checkbox__label">Consultation analysis</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="consultation-paper" name="publicationTypes" value="consultation-paper" class="ds_checkbox__input" type="checkbox">
                                                    <label for="consultation-paper" class="ds_checkbox__label">Consultation paper</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="corporate-report" name="publicationTypes" value="corporate-report" class="ds_checkbox__input" type="checkbox">
                                                    <label for="corporate-report" class="ds_checkbox__label">Corporate report</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="correspondence" name="publicationTypes" value="correspondence" class="ds_checkbox__input" type="checkbox">
                                                    <label for="correspondence" class="ds_checkbox__label">Correspondence</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="foi-eir-release" name="publicationTypes" value="foi-eir-release" class="ds_checkbox__input" type="checkbox">
                                                    <label for="foi-eir-release" class="ds_checkbox__label">FOI/<wbr>EIR release</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="factsheet" name="publicationTypes" value="factsheet" class="ds_checkbox__input" type="checkbox">
                                                    <label for="factsheet" class="ds_checkbox__label">Factsheet</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="form" name="publicationTypes" value="form" class="ds_checkbox__input" type="checkbox">
                                                    <label for="form" class="ds_checkbox__label">Form</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="impact-assessment" name="publicationTypes" value="impact-assessment" class="ds_checkbox__input" type="checkbox">
                                                    <label for="impact-assessment" class="ds_checkbox__label">Impact assessment</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="independent-report" name="publicationTypes" value="independent-report" class="ds_checkbox__input" type="checkbox">
                                                    <label for="independent-report" class="ds_checkbox__label">Independent report</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="map" name="publicationTypes" value="map" class="ds_checkbox__input" type="checkbox">
                                                    <label for="map" class="ds_checkbox__label">Map</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="minutes" name="publicationTypes" value="minutes" class="ds_checkbox__input" type="checkbox">
                                                    <label for="minutes" class="ds_checkbox__label">Minutes</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="policy" checked name="publicationTypes" value="policy" class="ds_checkbox__input" type="checkbox">
                                                    <label for="policy" class="ds_checkbox__label">Policy</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="progress-report" name="publicationTypes" value="progress-report" class="ds_checkbox__input" type="checkbox">
                                                    <label for="progress-report" class="ds_checkbox__label">Progress report</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="regulation-directive-order" name="publicationTypes" value="regulation-directive-order" class="ds_checkbox__input" type="checkbox">
                                                    <label for="regulation-directive-order" class="ds_checkbox__label">Regulation/<wbr>directive/<wbr>order</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="research-and-analysis" name="publicationTypes" value="research-and-analysis" class="ds_checkbox__input" type="checkbox">
                                                    <label for="research-and-analysis" class="ds_checkbox__label">Research and analysis</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="speech-statement" name="publicationTypes" value="speech-statement" class="ds_checkbox__input" type="checkbox">
                                                    <label for="speech-statement" class="ds_checkbox__label">Speech/<wbr>statement</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="statistics" name="publicationTypes" value="statistics" class="ds_checkbox__input" type="checkbox">
                                                    <label for="statistics" class="ds_checkbox__label">Statistics</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="strategy-plan" name="publicationTypes" value="strategy-plan" class="ds_checkbox__input" type="checkbox">
                                                    <label for="strategy-plan" class="ds_checkbox__label">Strategy/<wbr>plan</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="transparency-data" name="publicationTypes" value="transparency-data" class="ds_checkbox__input" type="checkbox">
                                                    <label for="transparency-data" class="ds_checkbox__label">Transparency data</label>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                            <div class="ds_accordion-item">
                                <input type="checkbox" class="visually-hidden  ds_accordion-item__control" id="panel-2" aria-labelledby="panel-2-heading" />
                                <div class="ds_accordion-item__header">
                                    <h3 id="panel-2-heading" class="ds_accordion-item__title">
                                        Topic
                                        <div class="ds_search-filters__filter-count">(2 selected)</div>
                                    </h3>
                                    <span class="ds_accordion-item__indicator"></span>
                                    <label class="ds_accordion-item__label" for="panel-2"><span class="visually-hidden">Show this section</span></label>
                                </div>
                                <div class="ds_accordion-item__body">
                                    <fieldset>
                                        <legend class="visually-hidden">Select which topics you would like to see</legend>
                                        <div class="ds_search-filters__scrollable">
                                            <div class="ds_search-filters__checkboxes">
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="arts-culture-and-sport" name="topics" class="ds_checkbox__input" type="checkbox" value="Arts, culture and sport">
                                                    <label for="arts-culture-and-sport" class="ds_checkbox__label">Arts, culture and sport</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="brexit" name="topics" class="ds_checkbox__input" type="checkbox" value="Brexit">
                                                    <label for="brexit" class="ds_checkbox__label">Brexit</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="building-a-new-scotland" name="topics" class="ds_checkbox__input" type="checkbox" value="Building a new Scotland">
                                                    <label for="building-a-new-scotland" class="ds_checkbox__label">Building a new Scotland</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="building-planning-and-design" name="topics" class="ds_checkbox__input" type="checkbox" value="Building, planning and design">
                                                    <label for="building-planning-and-design" class="ds_checkbox__label">Building, planning and design</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="business-industry-and-innovation" name="topics" class="ds_checkbox__input" type="checkbox" value="Business, industry and innovation">
                                                    <label for="business-industry-and-innovation" class="ds_checkbox__label">Business, industry and innovation</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="children-and-families" checked name="topics" class="ds_checkbox__input" type="checkbox" value="Children and families">
                                                    <label for="children-and-families" class="ds_checkbox__label">Children and families</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="communities-and-third-sector" name="topics" class="ds_checkbox__input" type="checkbox" value="Communities and third sector">
                                                    <label for="communities-and-third-sector" class="ds_checkbox__label">Communities and third sector</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="constitution-and-democracy" name="topics" class="ds_checkbox__input" type="checkbox" value="Constitution and democracy">
                                                    <label for="constitution-and-democracy" class="ds_checkbox__label">Constitution and democracy</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="coronavirus-covid-19-in-scotland" name="topics" class="ds_checkbox__input" type="checkbox" value="Coronavirus (COVID-19) in Scotland">
                                                    <label for="coronavirus-covid-19-in-scotland" class="ds_checkbox__label">Coronavirus (COVID-19) in Scotland</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="cost-of-living-crisis" name="topics" class="ds_checkbox__input" type="checkbox" value="Cost of living crisis">
                                                    <label for="cost-of-living-crisis" class="ds_checkbox__label">Cost of living crisis</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="economy" name="topics" class="ds_checkbox__input" type="checkbox" value="Economy">
                                                    <label for="economy" class="ds_checkbox__label">Economy</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="education" checked name="topics" class="ds_checkbox__input" type="checkbox" value="Education">
                                                    <label for="education" class="ds_checkbox__label">Education</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="energy" name="topics" class="ds_checkbox__input" type="checkbox" value="Energy">
                                                    <label for="energy" class="ds_checkbox__label">Energy</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="environment-and-climate-change" name="topics" class="ds_checkbox__input" type="checkbox" value="Environment and climate change">
                                                    <label for="environment-and-climate-change" class="ds_checkbox__label">Environment and climate change</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="equality-and-rights" name="topics" class="ds_checkbox__input" type="checkbox" value="Equality and rights">
                                                    <label for="equality-and-rights" class="ds_checkbox__label">Equality and rights</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="farming-and-rural" name="topics" class="ds_checkbox__input" type="checkbox" value="Farming and rural">
                                                    <label for="farming-and-rural" class="ds_checkbox__label">Farming and rural</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="health-and-social-care" name="topics" class="ds_checkbox__input" type="checkbox" value="Health and social care">
                                                    <label for="health-and-social-care" class="ds_checkbox__label">Health and social care</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="housing" name="topics" class="ds_checkbox__input" type="checkbox" value="Housing">
                                                    <label for="housing" class="ds_checkbox__label">Housing</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="international" name="topics" class="ds_checkbox__input" type="checkbox" value="International">
                                                    <label for="international" class="ds_checkbox__label">International</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="law-and-order" name="topics" class="ds_checkbox__input" type="checkbox" value="Law and order">
                                                    <label for="law-and-order" class="ds_checkbox__label">Law and order</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="marine-and-fisheries" name="topics" class="ds_checkbox__input" type="checkbox" value="Marine and fisheries">
                                                    <label for="marine-and-fisheries" class="ds_checkbox__label">Marine and fisheries</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="money-and-tax" name="topics" class="ds_checkbox__input" type="checkbox" value="Money and tax">
                                                    <label for="money-and-tax" class="ds_checkbox__label">Money and tax</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="programme-for-government" name="topics" class="ds_checkbox__input" type="checkbox" value="Programme for Government">
                                                    <label for="programme-for-government" class="ds_checkbox__label">Programme for Government</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="public-safety-and-emergencies" name="topics" class="ds_checkbox__input" type="checkbox" value="Public safety and emergencies">
                                                    <label for="public-safety-and-emergencies" class="ds_checkbox__label">Public safety and emergencies</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="public-sector" name="topics" class="ds_checkbox__input" type="checkbox" value="Public sector">
                                                    <label for="public-sector" class="ds_checkbox__label">Public sector</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="scottish-budget" name="topics" class="ds_checkbox__input" type="checkbox" value="Scottish Budget">
                                                    <label for="scottish-budget" class="ds_checkbox__label">Scottish Budget</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="transport" name="topics" class="ds_checkbox__input" type="checkbox" value="Transport">
                                                    <label for="transport" class="ds_checkbox__label">Transport</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="ukraine" name="topics" class="ds_checkbox__input" type="checkbox" value="Ukraine">
                                                    <label for="ukraine" class="ds_checkbox__label">Ukraine</label>
                                                </div>
                                                <div class="ds_checkbox ds_checkbox--small">
                                                    <input id="work-and-skills" name="topics" class="ds_checkbox__input" type="checkbox" value="Work and skills">
                                                    <label for="work-and-skills" class="ds_checkbox__label">Work and skills</label>
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                            <div class="ds_accordion-item">
                                <input type="checkbox" class="visually-hidden  ds_accordion-item__control" id="panel-3" aria-labelledby="panel-3-heading" />
                                <div class="ds_accordion-item__header">
                                    <h3 id="panel-3-heading" class="ds_accordion-item__title">
                                        Updated
                                        <div class="ds_search-filters__filter-count">(2 selected)</div>
                                    </h3>
                                    <span class="ds_accordion-item__indicator"></span>
                                    <label class="ds_accordion-item__label" for="panel-3"><span class="visually-hidden">Show this section</span></label>
                                </div>
                                <div class="ds_accordion-item__body">
                                    <fieldset id="filter-date-range" class="filters__fieldset">
                                        <legend class="visually-hidden">Filter by date</legend>
                                        <div class="ds_question">
                                            <div data-module="ds-datepicker" class="ds_datepicker" id="fromDatePicker">
                                                <label class="ds_label  ds_no-margin--bottom" for="date-from">Updated after</label>
                                                <p class="ds_hint-text  ds_!_margin-bottom--1">For example, 21/01/2022</p>
                                                <div class="ds_input__wrapper">
                                                    <input name="begin" id="date-from" value="20/11/2023" class="ds_input  ds_input--fixed-10" type="text">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="ds_question">
                                            <div data-module="ds-datepicker" class="ds_datepicker" id="toDatePicker">
                                                <label class="ds_label  ds_no-margin--bottom" for="date-to">Updated before</label>
                                                <p class="ds_hint-text  ds_!_margin-bottom--1">For example, 21/01/2022</p>
                                                <div class="ds_input__wrapper">
                                                    <input name="end" id="date-to" value="02/04/2024" class="ds_input  ds_input--fixed-10" type="text">
                                                </div>
                                            </div>
                                        </div>
                                    </fieldset>
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="ds_button  ds_button--primary  ds_button--small  ds_button--max  ds_no-margin">
                            Apply filter
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="ds_layout__list">
        <div class="ds_search-results">
            <nav class="ds_search-suggestions" aria-label="Alternative search suggestions">
                <h2 class="visually-hidden">Also showing results for school uniforms</h2>
                <p>
                    <span aria-hidden="true">Also showing results for</span> <a aria-label="Show results only for school uniforms" href="?q=school+uniforms&amp;page=1">school uniforms</a><br>
                    <span aria-hidden="true">Show results only for</span> <a aria-label="Show results only for School uniform" href="?q=School+uniform&amp;page=1&amp;qsup=off">School uniform</a>
                </p>
            </nav>
            <h2 aria-live="polite" class="ds_search-results__title">67 results for <span class="ds_search-results__title-query">School uniform</span> or <span class="ds_search-results__title-query">school uniforms</span></h2>
            <div class="ds_search-controls">
                <div class="ds_skip-links  ds_skip-links--static">
                    <ul class="ds_skip-links__list">
                        <li class="ds_skip-links__item"><a class="ds_skip-links__link" href="#search-results">Skip to results</a></li>
                    </ul>
                </div>
                <div class="ds_facets">
                    <p class="visually-hidden">There are 6 search filters applied</p>
                    <dl class="ds_facets__list">
                        <div class="ds_facet-group">
                            <dt class="ds_facet__group-title">
                                Content type:
                            </dt>
                            <dd class="ds_facet-wrapper">
                                <span class="ds_facet">
                                    Advice and guidance
                                    <button type="button" aria-label="Remove 'Advice and guidance' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>
                            </dd>
                            <dd class="ds_facet-wrapper">
                                <span aria-hidden="true">or</span>
                                <span class="ds_facet">
                                    Policy
                                    <button type="button" aria-label="Remove 'Policy' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>
                            </dd>
                        </div>
                        <div class="ds_facet-group">
                            <dt class="ds_facet__group-title">
                                Topic:
                            </dt>
                            <dd class="ds_facet-wrapper">
                                <span class="ds_facet">
                                    Children and families
                                    <button type="button" aria-label="Remove 'Children and families' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>
                            </dd>
                            <dd class="ds_facet-wrapper">
                                <span aria-hidden="true">or</span>
                                <span class="ds_facet">
                                    Education
                                    <button type="button" aria-label="Remove 'Education' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>
                            </dd>
                        </div>
                        <div class="ds_facet-group">
                            <dt class="ds_facet__group-title">
                                Updated between:
                            </dt>
                            <dd class="ds_facet-wrapper">
                                <span class="ds_facet">
                                    20/11/2023
                                    <button type="button" aria-label="Remove 'updated after 20/11/2023' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>  and
                            </dd>
                            <dd class="ds_facet-wrapper">
                                <span class="ds_facet">
                                    02/04/2024
                                    <button type="button" aria-label="Remove 'updated before 02/04/2024' filter" class="ds_facet__button">
                                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                                        </svg>
                                    </button>
                                </span>
                            </dd>
                        </div>
                    </dl>
                    <button class="ds_facets__clear-button  ds_button  ds_button--secondary">
                        Clear all filters
                        <svg class="ds_facet__button-icon" aria-hidden="true" role="img" focusable="false">
                            <use href="/assets/images/icons/icons.stack.svg#cancel"></use>
                        </svg>
                    </button>
                </div>
                <hr class="ds_search-results__divider">
                <div class="ds_sort-options">
                    <label class="ds_label" for="sort-by">Sort by</label>
                    <span class="ds_select-wrapper">
                        <select form="filters" class="ds_select" id="sort-by">
                            <option value="relevance">Most relevant</option>
                            <option selected value="date">Updated (newest)</option>
                            <option value="adate">Updated (oldest)</option>
                        </select>
                        <span class="ds_select-arrow" aria-hidden="true"></span>
                    </span>

                    <button form="filters" class="ds_button  ds_button--secondary  ds_button--small" type="submit">Apply sort</button>
                </div>
            </div>
            <ol start="1" id="search-results" class="ds_search-results__list" data-total="67">
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Universal approaches to preventing GBV in schools</a>
                    </h3>
                    <p class="ds_search-result__summary">This framework provides support to those working with and in <mark>schools</mark> to develop and strengthen universal and targeted approaches to gender-based violence.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Publication type</dt>
                            <dd class="ds_metadata__value">
                            Advice and guidance
                            </dd>
                        </div>
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Date</dt>
                            <dd class="ds_metadata__value">
                            04 March 2024
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Preventing and responding to gender based violence: a whole school framework</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Health and wellbeing in schools</a>
                    </h3>
                    <p class="ds_search-result__summary">Initiatives and guidance to promote health and wellbeing in Scottish <mark>schools</mark>.</p>
                    <dl class="ds_metadata ds_search-result__metadata ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key visually-hidden">Format</dt>
                            <dd class="ds_metadata__value">Policy</dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Schools</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">D. Programme activities and themes</a>
                    </h3>
                    <p class="ds_search-result__summary">This is a Call for Proposals aimed at organisations who would like to deliver inclusive education programmes in our partner countries of Malawi, Rwanda and Zambia on behalf of the Scottish Government between 2024 and 2029.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Publication type</dt>
                            <dd class="ds_metadata__value">
                            Advice and guidance
                            </dd>
                        </div>
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Date</dt>
                            <dd class="ds_metadata__value">
                            19 February 2024
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Call for Proposals - Inclusive Education Programme</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Education</a>
                    </h3>
                    <p class="ds_search-result__summary">Welcome to Scotland is a guide to support service personnel and their families upon their move to Scotland. Due to the moving nature of service personnel and their families they can be transferred to different bases.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Publication type</dt>
                            <dd class="ds_metadata__value">
                            Advice and guidance
                            </dd>
                        </div>
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Date</dt>
                            <dd class="ds_metadata__value">
                            01 April 2024
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Welcome to Scotland: A guide for Service personnel and their families in Scotland - updated 2024</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Accountability</a>
                    </h3>
                    <p class="ds_search-result__summary">Care Experienced Children and Young People Fund Operational Guidance.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Publication type</dt>
                            <dd class="ds_metadata__value">
                            Advice and guidance
                            </dd>
                        </div>
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Date</dt>
                            <dd class="ds_metadata__value">
                            25 March 2024
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Care Experienced Children and Young People Fund Operational Guidance 2023-24</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Monitoring, recording and evaluation</a>
                    </h3>
                    <p class="ds_search-result__summary">This framework provides support to those working with and in <mark>schools</mark> to develop and strengthen universal and targeted approaches to gender-based violence.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Publication type</dt>
                            <dd class="ds_metadata__value">
                            Advice and guidance
                            </dd>
                        </div>
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Date</dt>
                            <dd class="ds_metadata__value">
                            04 March 2024
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Preventing and responding to gender based violence: a whole school framework</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Preventing and responding to gender based violence: a whole school framework</a>
                    </h3>
                    <p class="ds_search-result__summary">Initiatives and guidance to promote health and wellbeing in Scottish <mark>schools</mark>.</p>
                    <dl class="ds_metadata ds_search-result__metadata ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key visually-hidden">Format</dt>
                            <dd class="ds_metadata__value">Policy</dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Schools</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Food and drink education</a>
                    </h3>
                    <p class="ds_search-result__summary">The ways in which we are investing in food and drink education.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Format</dt>
                            <dd class="ds_metadata__value">
                            Policy
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Food and drink</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Financial support for students</a>
                    </h3>
                    <p class="ds_search-result__summary">How we are supporting students in further and higher education in Scotland.</p>
                    <dl class="ds_search-result__metadata  ds_metadata  ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key">Format</dt>
                            <dd class="ds_metadata__value">
                            Policy
                            </dd>
                        </div>
                    </dl>
                    <dl class="ds_search-result__context">
                        <dt class="ds_search-result__context-key">Part of:</dt>
                        <dd class="ds_search-result__context-value">
                            <a href="#">Universities</a>
                        </dd>
                    </dl>
                </li>
                <li class="ds_search-result">
                    <h3 class="ds_search-result__title">
                        <a class="ds_search-result__link" href="#">Maternal and child health</a>
                    </h3>
                    <p class="ds_search-result__summary">How we are supporting families to stay healthy.</p>
                    <dl class="ds_metadata ds_search-result__metadata ds_metadata--inline">
                        <div class="ds_metadata__item">
                            <dt class="ds_metadata__key visually-hidden">Format</dt>
                            <dd class="ds_metadata__value">Policy</dd>
                        </div>
                    </dl>
                </li>
            </ol>
            <nav class="ds_pagination" aria-label="Search result pages">
                <ul class="ds_pagination__list">
                    <li class="ds_pagination__item">
                        <a aria-label="Page 1" aria-current="page" class="ds_pagination__link  ds_current" href="#">
                            <span class="ds_pagination__link-label">1</span>
                        </a>
                    </li>
                    <li class="ds_pagination__item">
                        <a aria-label="Page 2" class="ds_pagination__link" href="#">
                            <span class="ds_pagination__link-label">2</span>
                        </a>
                    </li>
                    <li class="ds_pagination__item"">
                        <a aria-label="Page 3" class="ds_pagination__link" href="#">
                            <span class="ds_pagination__link-label">3</span>
                        </a>
                    </li>
                    <li class="ds_pagination__item">
                        <a aria-label="Page 4" class="ds_pagination__link" href="#">
                            <span class="ds_pagination__link-label">4</span>
                        </a>
                    </li>
                    <li class="ds_pagination__item" aria-hidden="true">
                        <span class="ds_pagination__link  ds_pagination__link--ellipsis">&hellip;</span>
                    </li>
                    <li class="ds_pagination__item">
                        <a aria-label="Last page, page 7" class="ds_pagination__link" href="#">
                            <span class="ds_pagination__link-label">7</span>
                        </a>
                    </li>
                    <li class="ds_pagination__item">
                        <a aria-label="Next page" class="ds_pagination__link  ds_pagination__link--text  ds_pagination__link--icon" href="#">
                            <span class="ds_pagination__link-label">Next</span>
                            <svg class="ds_icon" aria-hidden="true" role="img">
                                <use href="/assets/images/icons/icons.stack.svg#chevron_right"></use>
                            </svg>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</main>
Back to top