From d23cc82b4fad04a9b5758fd8e3b88f8f7d12bd47 Mon Sep 17 00:00:00 2001
From: Nicol <vingle@users.noreply.github.com>
Date: Sun, 3 Dec 2023 12:53:21 +0000
Subject: [PATCH] A11y accordions in SearchKit

Makes SearchKit's Accordion keyboard-navigable, by swapping to details/summary elements
---
 ext/search_kit/ang/crmSearchAdmin/compose.html | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/ext/search_kit/ang/crmSearchAdmin/compose.html b/ext/search_kit/ang/crmSearchAdmin/compose.html
index 6a52133a58..ba5868d7db 100644
--- a/ext/search_kit/ang/crmSearchAdmin/compose.html
+++ b/ext/search_kit/ang/crmSearchAdmin/compose.html
@@ -74,15 +74,14 @@
     </ul>
   </div>
 </div>
-<fieldset id="crm-search-build-functions">
-  <legend ng-click="controls.showFunctions = !controls.showFunctions">
-    <i class="crm-i fa-caret-{{ !controls.showFunctions ? 'right' : 'down' }}"></i>
+<details id="crm-search-build-functions">
+  <summary ng-click="controls.showFunctions = !controls.showFunctions">
     {{:: ts('Field Transformations') }}
-  </legend>
+  </sumary>
   <div ng-if="!!controls.showFunctions">
     <!-- Must use track by $index with an array of primitives, and manually refresh this loop when indexes change -->
     <fieldset ng-repeat="col in $ctrl.savedSearch.api_params.select track by $index" ng-if="!$ctrl.isPseudoField(col)">
       <crm-search-function class="form-inline" mode="select" expr="$ctrl.savedSearch.api_params.select[$index]"></crm-search-function>
     </fieldset>
   </div>
-</fieldset>
+</details>
-- 
2.25.1