From d7d545c1089cbe0d676a3e1af1ef64f891d271b1 Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Wed, 24 Apr 2024 09:59:16 +0000
Subject: [PATCH] =?UTF-8?q?Resolve=20"Meine=20Veranstaltungen:=20Fehlende?=
=?UTF-8?q?=20Textalternativen=20f=C3=BCr=20die=20angezeigte=20Farbgruppie?=
=?UTF-8?q?rung"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Closes #4036
Merge request studip/studip!2892
---
resources/vue/components/MyCoursesTables.vue | 15 +++++++++++++--
1 file changed, 13 insertions(+), 2 deletions(-)
diff --git a/resources/vue/components/MyCoursesTables.vue b/resources/vue/components/MyCoursesTables.vue
index 80d04dd3668..1c39d95ddde 100644
--- a/resources/vue/components/MyCoursesTables.vue
+++ b/resources/vue/components/MyCoursesTables.vue
@@ -12,7 +12,11 @@
</colgroup>
<thead>
<tr class="sortable">
- <th></th>
+ <th>
+ <span class="sr-only">
+ {{ $gettext('Zugeordnete Farbgruppe') }}
+ </span>
+ </th>
<th></th>
<th v-if="getConfig('sem_number') && !responsiveDisplay" :class="getOrderClasses('number')">
<a href="#" @click.prevent="changeOrder('number')">
@@ -37,7 +41,14 @@
<th v-if="!responsiveDisplay" class="dont-hide" colspan="2"></th>
</tr>
<tr v-for="course in getOrderedCourses(subgroup.ids)" :data-course-id="course.id" :class="getCourseClasses(course)" :key="course.id">
- <td :class="`gruppe${course.group}`"></td>
+ <td :class="`gruppe${course.group}`">
+ <span class="sr-only">
+ {{ $gettextInterpolate(
+ $gettext('Diese Veranstaltung gehört zur Farbgruppe %{group}'),
+ course
+ ) }}
+ </span>
+ </td>
<td :class="{'subcourse-indented': isChild(course)}">
<span :style="{backgroundImage: `url(${course.avatar}`}" class="my-courses-avatar course-avatar-small" :title="course.name" alt=""></span>
</td>
--
GitLab