diff --git a/resources/vue/components/courseware/CoursewareDashboardStudents.vue b/resources/vue/components/courseware/CoursewareDashboardStudents.vue index 025ad745700ca39e6daac1f2a578aeaa82b5a7b1..d03ed986d69e9b92387b9e1d8c5461f987a6d3f1 100644 --- a/resources/vue/components/courseware/CoursewareDashboardStudents.vue +++ b/resources/vue/components/courseware/CoursewareDashboardStudents.vue @@ -25,19 +25,35 @@ :shape="status.shape" :role="status.role" :title="status.description" + aria-hidden="true" /> + <span class="sr-only">{{ status.description }}</span> </td> <td> {{ taskGroup && taskGroup.attributes.title }} </td> <td> <span v-if="user"> - <studip-icon shape="person2" role="info" :title="$gettext('Teilnehmer/-in')" /> + <studip-icon + shape="person2" + role="info" + aria-hidden="true" + :title="$gettext('Teilnehmende Person')" + /> + <span class="sr-only">{{ $gettext('Teilnehmende Person') }}</span> {{ user.attributes['formatted-name'] }} + </span> <span v-if="group"> - <studip-icon shape="group2" role="info" :title="$gettext('Gruppe')" /> + <studip-icon + shape="group2" + role="info" + aria-hidden="true" + :title="$gettext('Gruppe')" + /> + <span class="sr-only">{{ $gettext('Gruppe') }}</span> {{ group.attributes['name'] }} + </span> </td> <td class="responsive-hidden">