From 5ddc4749fa6f9702012666c7d955b916c88ef2ce Mon Sep 17 00:00:00 2001 From: SimonGschnell Date: Wed, 2 Jul 2025 14:35:07 +0200 Subject: [PATCH] update(Accessability changes):adds aria-label to empty buttons and more accessability changes --- public/css/Cis4/CoreCalendarEvents.css | 4 +- public/js/components/Calendar/Header.js | 36 +- public/js/components/Calendar/Week/Page.js | 2 +- public/js/components/Cis/LvPlan/LvPlan.js | 4 +- public/js/components/Cis/Menu.js | 14 +- public/js/components/Cis/Mylv/Student.js | 4 +- .../Profil/ProfilComponents/Mailverteiler.js | 2 +- .../ProfilComponents/ProfilInformation.js | 2 +- .../ProfilComponents/RoleInformation.js | 12 +- .../Cis/Renderer/Lehreinheit/calendarEvent.js | 4 +- public/js/components/Cis/ThemeSwitch.js | 11 +- public/js/components/filter/Filter.js | 6 +- system/phrasesupdate.php | 464 +++++++++++++++++- 13 files changed, 532 insertions(+), 33 deletions(-) diff --git a/public/css/Cis4/CoreCalendarEvents.css b/public/css/Cis4/CoreCalendarEvents.css index 1611ac123..fd418a9f8 100644 --- a/public/css/Cis4/CoreCalendarEvents.css +++ b/public/css/Cis4/CoreCalendarEvents.css @@ -46,7 +46,9 @@ flex-direction: column; column-gap: 5px; overflow-y: scroll; - min-height:0; + height: 100%; + min-height:auto; + justify-content: space-evenly; } diff --git a/public/js/components/Calendar/Header.js b/public/js/components/Calendar/Header.js index 5ee3d51e7..c1b53d9c8 100644 --- a/public/js/components/Calendar/Header.js +++ b/public/js/components/Calendar/Header.js @@ -27,13 +27,39 @@ export default { 'next', 'click' ], + methods:{ + modeAriaLabelText(mode) { + switch (mode.toLowerCase()) { + case "day": return this.$p.t('LvPlan', 'modeDay'); + case "week": return this.$p.t('LvPlan', 'modeWeek'); + case "month": return this.$p.t('LvPlan', 'modeMonth'); + } + }, + }, computed: { getHeaderClassSide() { return this.containerWidth > 780 ? 'col-3' : 'col-12' }, getHeaderClassMiddle() { return this.containerWidth > 780 ? 'col-6' : 'col-12' - } + }, + previousButtonAriaLabelText(){ + switch(this.mode.toLowerCase()){ + case "day": return this.$p.t('LvPlan', 'previousDay'); + case "week": return this.$p.t('LvPlan', 'previousWeek'); + case "weeks": return this.$p.t('LvPlan', 'previousYear'); + case "month": return this.$p.t('LvPlan', 'previousMonth'); + } + }, + nextButtonAriaLabelText() { + switch (this.mode.toLowerCase()) { + case "day": return this.$p.t('LvPlan', 'nextDay'); + case "week": return this.$p.t('LvPlan', 'nextWeek'); + case "weeks": return this.$p.t('LvPlan', 'nextYear'); + case "month": return this.$p.t('LvPlan', 'nextMonth'); + } + }, + }, template: /*html*/`
@@ -44,7 +70,7 @@ export default {
- +
@@ -55,15 +81,15 @@ export default {
- +
-
diff --git a/public/js/components/Calendar/Week/Page.js b/public/js/components/Calendar/Week/Page.js index cec65e577..3bfc7b668 100644 --- a/public/js/components/Calendar/Week/Page.js +++ b/public/js/components/Calendar/Week/Page.js @@ -326,7 +326,7 @@ export default {
diff --git a/public/js/components/Cis/LvPlan/LvPlan.js b/public/js/components/Cis/LvPlan/LvPlan.js index d9b82bbcc..7aeaa0f1b 100644 --- a/public/js/components/Cis/LvPlan/LvPlan.js +++ b/public/js/components/Cis/LvPlan/LvPlan.js @@ -316,9 +316,9 @@ const LvPlan = { >