From d92f27be3e8b51c2dfdd77208e9bf2247a7447fc Mon Sep 17 00:00:00 2001 From: Moritz Strohm <strohm@data-quest.de> Date: Fri, 24 May 2024 07:48:31 +0000 Subject: [PATCH] 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/scss/buttons.scss | 9 ++++++--- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/app/views/multipersonsearch/js_form.php b/app/views/multipersonsearch/js_form.php index ca1a1ab48a0..1862c84d90d 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/scss/buttons.scss b/resources/assets/stylesheets/scss/buttons.scss index eddc96267a5..8426e08c90e 100644 --- a/resources/assets/stylesheets/scss/buttons.scss +++ b/resources/assets/stylesheets/scss/buttons.scss @@ -137,9 +137,12 @@ button.button { } -button.styleless { - background-color: unset; - border: 0; +button { + &.styleless, + &.icon-button { + background-color: unset; + border: 0; + } } button.as-link { -- GitLab