From 4130f6ac3043feab1839da0438337079a29dcdff Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20V=C3=A4nttinen?= <eepi1994@hotmail.com>
Date: Wed, 13 Aug 2025 15:44:31 +0300
Subject: [PATCH 1/2] TMS-1163: Search results breadcrumbs accessibility fixes

---
 CHANGELOG.MD                       |  2 ++
 assets/styles/views/_search.scss   |  3 ++-
 partials/views/search/results.dust | 22 +++++++++++-----------
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/CHANGELOG.MD b/CHANGELOG.MD
index bf626f2..2a1ad45 100644
--- a/CHANGELOG.MD
+++ b/CHANGELOG.MD
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1163: Search results breadcrumbs accessibility fixes
+
 ## [1.12.0] - 2025-06-23
 
 - TMS-1172: Add video-fields and functionality to hero-component
diff --git a/assets/styles/views/_search.scss b/assets/styles/views/_search.scss
index 9ffbdb7..28187b8 100644
--- a/assets/styles/views/_search.scss
+++ b/assets/styles/views/_search.scss
@@ -25,7 +25,8 @@
             }
 
             li:first-child {
-                a {
+                a,
+                span {
                     padding: 0 !important;
                 }
             }
diff --git a/partials/views/search/results.dust b/partials/views/search/results.dust
index 7f7dd96..6caf59a 100644
--- a/partials/views/search/results.dust
+++ b/partials/views/search/results.dust
@@ -6,11 +6,11 @@
     {#results.posts}
         <div class="search-item mb-6 p-6 p-8-desktop has-border-1 has-border-gray {template_classes.search_item|s}">
             <div class="search-item__inner">
-                {?breadcrumbs}
-                    <div class="search-item__meta-container">
-                        {>"breadcrumbs" /}
-                    </div>
-                {/breadcrumbs}
+                <h2 class="h4 mt-4 mb-0 search-item__title">
+                    <a href="{permalink}" class="">
+                        {post_title|s}
+                    </a>
+                </h2>
 
                 {?meta}
                     <div class="search-item__meta-container has-text-primary is-uppercase has-text-weight-medium">
@@ -18,17 +18,17 @@
                     </div>
                 {/meta}
 
-                <h2 class="h4 mt-4 mb-0 search-item__title">
-                    <a href="{permalink}" class="">
-                        {post_title|s}
-                    </a>
-                </h2>
-
                 {?post_excerpt}
                     <p class="mt-4 mb-0 {template_classes.search_item_excerpt|s}">
                         {post_excerpt|s}
                     </p>
                 {/post_excerpt}
+
+                {?breadcrumbs}
+                    <div class="search-item__meta-container">
+                        {>"search-result-breadcrumbs" /}
+                    </div>
+                {/breadcrumbs}
             </div>
         </div>
     {/results.posts}

From 4b4074da67b002f360228d2204786bc23b18d1e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20V=C3=A4nttinen?= <eepi1994@hotmail.com>
Date: Thu, 4 Sep 2025 15:44:27 +0300
Subject: [PATCH 2/2] TMS-1163: Search item layout changes

---
 partials/views/search/results.dust | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/partials/views/search/results.dust b/partials/views/search/results.dust
index 6caf59a..1d313a7 100644
--- a/partials/views/search/results.dust
+++ b/partials/views/search/results.dust
@@ -1,31 +1,31 @@
 <div class="search__results">
     <p class="mt-6 mb-7">
-        {results.summary|s}
+        {results.summary|html}
     </p>
 
     {#results.posts}
-        <div class="search-item mb-6 p-6 p-8-desktop has-border-1 has-border-gray {template_classes.search_item|s}">
+        <div class="search-item mb-6 p-6 p-8-desktop has-border-1 has-border-gray {template_classes.search_item|attr}">
             <div class="search-item__inner">
                 <h2 class="h4 mt-4 mb-0 search-item__title">
-                    <a href="{permalink}" class="">
-                        {post_title|s}
+                    <a href="{permalink|url}" class="">
+                        {post_title|html}
                     </a>
                 </h2>
 
                 {?meta}
-                    <div class="search-item__meta-container has-text-primary is-uppercase has-text-weight-medium">
+                    <div class="search-item__meta-container has-text-primary is-uppercase has-text-weight-medium mt-4">
                         {>"views/search/search-item-meta"  /}
                     </div>
                 {/meta}
 
                 {?post_excerpt}
-                    <p class="mt-4 mb-0 {template_classes.search_item_excerpt|s}">
-                        {post_excerpt|s}
+                    <p class="mt-4 mb-0 {template_classes.search_item_excerpt|attr}">
+                        {post_excerpt|html}
                     </p>
                 {/post_excerpt}
 
                 {?breadcrumbs}
-                    <div class="search-item__meta-container">
+                    <div class="search-item__meta-container mt-4">
                         {>"search-result-breadcrumbs" /}
                     </div>
                 {/breadcrumbs}