From 5328ecb259b7825f9966a4191a61b5cc67436882 Mon Sep 17 00:00:00 2001 From: NFriedo <69233063+NFriedo@users.noreply.github.com> Date: Mon, 25 Nov 2024 12:42:15 +0100 Subject: [PATCH] BC-8426 - Improve A11y manage members page (#3455) BC-8426 - Improve A11y manage members page --------- Co-authored-by: Murat Merdoglu <64781656+muratmerdoglu-dp@users.noreply.github.com> --- src/components/templates/DefaultWireframe.vue | 2 +- src/locales/de.ts | 9 +++++---- src/locales/en.ts | 9 +++++---- src/locales/es.ts | 9 +++++---- src/locales/uk.ts | 9 +++++---- .../feature/room/RoomMembers/MembersTable.vue | 9 +++++++-- src/modules/page/room/RoomMembers.page.vue | 16 ++++++++++++++-- 7 files changed, 42 insertions(+), 21 deletions(-) diff --git a/src/components/templates/DefaultWireframe.vue b/src/components/templates/DefaultWireframe.vue index b83fc8133b..acdf83e2a8 100644 --- a/src/components/templates/DefaultWireframe.vue +++ b/src/components/templates/DefaultWireframe.vue @@ -52,7 +52,7 @@ - + weitere Informationen).', + "Füge Teilnehmende zum Raum hinzu. Lehrkräfte anderer Schulen können hinzugefügt werden, wenn sie in ihrem Profil die Sichtbarkeit im zentralen Verzeichnis aktiviert haben ({0}).", + "pages.rooms.members.infoText.moreInformation": "weitere Informationen", "pages.rooms.members.label": "Teilnehmende", "pages.rooms.members.add": "Teilnehmende hinzufügen", "pages.rooms.members.manage": "Teilnehmende verwalten", - "pages.rooms.members.remove": "Teilnehmende entfernen", + "pages.rooms.members.remove.ariaLabel": "{memberName} aus Raum entfernen", + "pages.rooms.members.remove.confirmation": + "{memberName} wirklich aus dem Raum entfernen?", "pages.rooms.members.roles.editor": "Raumeditor", "pages.rooms.members.roles.viewer": "Raumbetrachter", "pages.rooms.title": "Räume", diff --git a/src/locales/en.ts b/src/locales/en.ts index c9ff9c665d..acb5109fa7 100644 --- a/src/locales/en.ts +++ b/src/locales/en.ts @@ -1644,14 +1644,15 @@ export default { "pages.rooms.members.error.load": "The participant list could not be loaded.", "pages.rooms.members.error.add": "Adding participants failed.", "pages.rooms.members.error.remove": "Deleting participants failed.", - "pages.rooms.members.remove.confirmation": - "Remove {memberName} from the room?", "pages.rooms.members.infoText": - 'Add participants to the room. Teachers from other schools can be added if they have activated visibility in the central directory in their profile (more information).', + "Add participants to the room. Teachers from other schools can be added if they have activated visibility in the central directory in their profile ({0}).", + "pages.rooms.members.infoText.moreInformation": "more information", "pages.rooms.members.label": "Participants", "pages.rooms.members.add": "Add participants", "pages.rooms.members.manage": "Manage participants", - "pages.rooms.members.remove": "Remove participants", + "pages.rooms.members.remove.ariaLabel": "Remove {memberName} from the room", + "pages.rooms.members.remove.confirmation": + "Remove {memberName} from the room?", "pages.rooms.members.roles.editor": "Room editor", "pages.rooms.members.roles.viewer": "Room viewer", "pages.rooms.title": "Rooms", diff --git a/src/locales/es.ts b/src/locales/es.ts index 500ea9467c..5b13192e3d 100644 --- a/src/locales/es.ts +++ b/src/locales/es.ts @@ -1689,14 +1689,15 @@ export default { "No se pudo cargar la lista de participantes.", "pages.rooms.members.error.add": "Error al agregar participantes.", "pages.rooms.members.error.remove": "Error al eliminar participantes.", - "pages.rooms.members.remove.confirmation": - "¿Eliminar {memberName} de la sala?", "pages.rooms.members.infoText": - 'Añadir participantes a la sala. Se pueden añadir profesores de otros centros si tienen activada la visibilidad en el directorio central en su perfil (más información).', + "Añadir participantes a la sala. Se pueden añadir profesores de otros centros si tienen activada la visibilidad en el directorio central en su perfil ({0}).", + "pages.rooms.members.infoText.moreInformation": "más información", "pages.rooms.members.label": "Participantes", "pages.rooms.members.add": "Añadir participantes", "pages.rooms.members.manage": "Administrar participantes", - "pages.rooms.members.remove": "Eliminar participante", + "pages.rooms.members.remove.ariaLabel": "Eliminar {memberName} de la sala", + "pages.rooms.members.remove.confirmation": + "¿Eliminar {memberName} de la sala?", "pages.rooms.members.roles.editor": "Editor de salas", "pages.rooms.members.roles.viewer": "Visor de salas", "pages.rooms.title": "Salas", diff --git a/src/locales/uk.ts b/src/locales/uk.ts index 7dc8d81768..767de5f144 100644 --- a/src/locales/uk.ts +++ b/src/locales/uk.ts @@ -1666,14 +1666,15 @@ export default { "pages.rooms.members.error.load": "Не вдалося завантажити список учасників.", "pages.rooms.members.error.add": "Не вдалося додати учасників.", "pages.rooms.members.error.remove": "Не вдалося видалити учасників.", - "pages.rooms.members.remove.confirmation": - "{memberName} буде видалено з цієї кімнати. Ви впевнені, що хочете видалити?", "pages.rooms.members.infoText": - 'Додайте учасників до кімнати. Вчителі з інших шкіл можуть бути додані, якщо вони активували видимість у центральному каталозі у своєму профілі (більше інформації).', + "Додайте учасників до кімнати. Вчителі з інших шкіл можуть бути додані, якщо вони активували видимість у центральному каталозі у своєму профілі ({0}).", + "pages.rooms.members.infoText.moreInformation": "більше інформації", "pages.rooms.members.label": "Учасники", "pages.rooms.members.add": "Додайте учасників", "pages.rooms.members.manage": "Керувати учасниками", - "pages.rooms.members.remove": "Видалити учасника", + "pages.rooms.members.remove.ariaLabel": "Видалити {memberName} з кімнати", + "pages.rooms.members.remove.confirmation": + "{memberName} буде видалено з цієї кімнати. Ви впевнені, що хочете видалити?", "pages.rooms.members.roles.editor": "Редактор кімнати", "pages.rooms.members.roles.viewer": "Переглядач кімнати", "pages.rooms.title": "Кімнати", diff --git a/src/modules/feature/room/RoomMembers/MembersTable.vue b/src/modules/feature/room/RoomMembers/MembersTable.vue index c2e287e19e..b27873d63d 100644 --- a/src/modules/feature/room/RoomMembers/MembersTable.vue +++ b/src/modules/feature/room/RoomMembers/MembersTable.vue @@ -16,7 +16,7 @@ /> - + @@ -101,6 +101,11 @@ const tableHeader = [ { title: t("common.words.mainSchool"), key: "schoolName" }, { title: "", key: "actions", sortable: false, width: 50 }, ]; + +const getRemoveAriaLabel = (member: RoomMemberResponse) => + t("pages.rooms.members.remove.ariaLabel", { + memberName: `${member.firstName} ${member.lastName}`, + });