Merge pull request #183 from devgeniem/TMS-1163

TMS-1163: Search result changes

Author: eebbi

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.1] - 2025-08-13
 
 - TMS-1160: Fix elements focus outline thickness

assets/styles/views/_search.scss

@@ -25,7 +25,8 @@
             }
 
             li:first-child {
-                a {
+                a,
+                span {
                     padding: 0 !important;
                 }
             }

partials/views/search/results.dust

@@ -1,34 +1,34 @@
 <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">
-                {?breadcrumbs}
-                    <div class="search-item__meta-container">
-                        {>"breadcrumbs" /}
-                    </div>
-                {/breadcrumbs}
+                <h2 class="h4 mt-4 mb-0 search-item__title">
+                    <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}
 
-                <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 class="mt-4 mb-0 {template_classes.search_item_excerpt|attr}">
+                        {post_excerpt|html}
                     </p>
                 {/post_excerpt}
+
+                {?breadcrumbs}
+                    <div class="search-item__meta-container mt-4">
+                        {>"search-result-breadcrumbs" /}
+                    </div>
+                {/breadcrumbs}
             </div>
         </div>
     {/results.posts}