From be521fa623b22c128d9072403e36ba94b9ca276f Mon Sep 17 00:00:00 2001
From: Moritz Strohm <strohm@data-quest.de>
Date: Thu, 6 Jun 2024 13:53:00 +0000
Subject: [PATCH] fix for BIESt 4048, closes #4048

Closes #4048

Merge request studip/studip!3074
---
 app/views/calendar/schedule/_colorpicker.php    | 7 +++++--
 resources/assets/stylesheets/scss/schedule.scss | 6 +-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/app/views/calendar/schedule/_colorpicker.php b/app/views/calendar/schedule/_colorpicker.php
index 79ad8b298a8..e1f12667286 100644
--- a/app/views/calendar/schedule/_colorpicker.php
+++ b/app/views/calendar/schedule/_colorpicker.php
@@ -4,8 +4,11 @@
     <? foreach ($GLOBALS['PERS_TERMIN_KAT'] as $index => $data): ?>
         <span>
             <input type="radio" name="entry_color" value="<?= $index ?>" id="color-<?= $index ?>"
-                   <? if ($index == $selected) echo 'checked'; ?>>
-            <label class="undecorated schedule-category<?= $index ?>" for="color-<?= $index ?>"></label>
+                   <?= $index === $selected ? 'checked' : '' ?>>
+            <label class="undecorated schedule-category<?= $index ?> enter-accessible"
+                   for="color-<?= $index ?>"
+                   aria-label="<?= sprintf(_('Farbe %u zuordnen'), $index) ?>"
+                   title="<?= sprintf(_('Farbe %u zuordnen'), $index) ?>"></label>
         </span>
     <? endforeach; ?>
     </div>
diff --git a/resources/assets/stylesheets/scss/schedule.scss b/resources/assets/stylesheets/scss/schedule.scss
index bc00b5bc201..a09e3ad5c5c 100644
--- a/resources/assets/stylesheets/scss/schedule.scss
+++ b/resources/assets/stylesheets/scss/schedule.scss
@@ -185,10 +185,6 @@ td.schedule-adminbind {
 }
 
 #color_picker {
-    div {
-        display: flex;
-        flex-wrap: wrap;
-    }
 
     span {
         flex: 0 0 auto;
@@ -198,7 +194,7 @@ td.schedule-adminbind {
     }
 
     input[type="radio"] {
-        display: none;
+        @extend .sr-only;
 
         &:checked + label {
             outline: 1px solid var(--black);
-- 
GitLab