From 9f35d53596abd55f47bfcced599650b31b67e5c8 Mon Sep 17 00:00:00 2001
From: Moritz Strohm <strohm@data-quest.de>
Date: Fri, 24 May 2024 07:48:31 +0000
Subject: MultiPersonSearch: made icons for starting and resetting the search
 accessible, fixes #4029

Closes #4029

Merge request studip/studip!2901
---
 app/views/multipersonsearch/js_form.php        | 8 ++++++--
 resources/assets/stylesheets/less/buttons.less | 5 +++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/views/multipersonsearch/js_form.php b/app/views/multipersonsearch/js_form.php
index ba56f87..02ae317 100644
--- a/app/views/multipersonsearch/js_form.php
+++ b/app/views/multipersonsearch/js_form.php
@@ -10,8 +10,12 @@
             <span><?= htmlReady($description); ?></span>
             <input id="<?= $name . '_searchinput'; ?>" type="text" placeholder="<?= _("Suchen"); ?>" value="" name="<?= $name . '_searchinput'; ?>" style="width: 260px;" aria-label="<?= _("Suchen"); ?>">
 
-            <?= Icon::create('search', 'clickable', ['title' => _('Suche starten')])->asImg(16, ['onclick' => 'STUDIP.MultiPersonSearch.search()']) ?>
-            <?= Icon::create('decline', 'clickable', ['title' => _('Suche zurücksetzen')])->asImg(16, ['onclick' => 'STUDIP.MultiPersonSearch.resetSearch()']) ?>
+            <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.search();return false' title="<?= _('Suche starten') ?>">
+                <?= Icon::create('search')->asImg(['class' => 'text-bottom']) ?>
+            </button>
+            <button class="icon-button enter-accessible" onclick='STUDIP.MultiPersonSearch.resetSearch(); return false' title="<?= _('Suche zurücksetzen') ?>">
+                <?= Icon::create('decline')->asImg(['class' => 'text-bottom']) ?>
+            </button>
         </label>
         <p><? foreach($quickfilter as $title => $users) : ?>
             <a href="#" class="quickfilter" data-quickfilter="<?= md5($title); ?>"><?= htmlReady($title); ?> (<?= count($users); ?>)</a>
diff --git a/resources/assets/stylesheets/less/buttons.less b/resources/assets/stylesheets/less/buttons.less
index b04d72c..365f552 100644
--- a/resources/assets/stylesheets/less/buttons.less
+++ b/resources/assets/stylesheets/less/buttons.less
@@ -165,3 +165,8 @@ button,
         }
     }
 }
+
+button.icon-button {
+    background-color: unset;
+    border: 0;
+}
-- 
cgit v1.0