From 986d1cfb5fde770bf18a96159cbffc45b244b83f Mon Sep 17 00:00:00 2001 From: Harald Bamberger Date: Mon, 30 Jun 2025 17:02:45 +0200 Subject: [PATCH] add aria-label to skip link and raumsuche tabulator links, move skip link to html body, change raumsuche h2 to h1 --- application/helpers/hlp_header_helper.php | 2 +- application/views/templates/FHC-Header.php | 5 +++-- public/js/components/Cis/Raumsuche/Raumsuche.js | 14 ++++++++++---- 3 files changed, 14 insertions(+), 7 deletions(-) diff --git a/application/helpers/hlp_header_helper.php b/application/helpers/hlp_header_helper.php index cbc1319c7..24c02eac5 100644 --- a/application/helpers/hlp_header_helper.php +++ b/application/helpers/hlp_header_helper.php @@ -243,6 +243,6 @@ function generateSkipLink($skipID) { $toPrint = ''; + $toPrint.='" class="fhcSkipLink" aria-label="Skip to main content">'; echo $toPrint; } diff --git a/application/views/templates/FHC-Header.php b/application/views/templates/FHC-Header.php index e486ac8f9..f7b5491a1 100644 --- a/application/views/templates/FHC-Header.php +++ b/application/views/templates/FHC-Header.php @@ -16,8 +16,7 @@ - - + <?php printPageTitle($title); ?> @@ -139,5 +138,7 @@ + + diff --git a/public/js/components/Cis/Raumsuche/Raumsuche.js b/public/js/components/Cis/Raumsuche/Raumsuche.js index ab2ceb563..978e92407 100644 --- a/public/js/components/Cis/Raumsuche/Raumsuche.js +++ b/public/js/components/Cis/Raumsuche/Raumsuche.js @@ -56,7 +56,7 @@ export const Raumsuche = { {title: Vue.computed(() => this.$p.t('global/bezeichnung')), field: 'bezeichnung', widthGrow: 2}, {title: Vue.computed(() => this.$p.t('global/nummer')), field: 'nummer', widthGrow: 1}, {title: Vue.computed(() => this.$p.t('global/personen')), field: 'personen', widthGrow: 1}, - {title: Vue.computed(() => this.$p.t('rauminfo/raumInfo')), + {title: Vue.computed(() => this.$p.t('rauminfo/rauminfo')), field: 'linkInfo', formatter: this.linkFormatter, widthGrow: 1}, {title: Vue.computed(() => this.$p.t('rauminfo/roomReservations')), field: 'linkRes', formatter: this.linkFormatter, widthGrow: 1} @@ -87,10 +87,16 @@ export const Raumsuche = { this.tableBuiltResolve = resolve }, linkFormatter(cell) { - const val = cell.getValue() + const val = cell.getValue(); + const field = cell.getField(); + const arialabel = (field === 'linkInfo') + ? this.$p.t('rauminfo/rauminfo') + : this.$p.t('rauminfo/roomReservations'); if(val) { return '
' + - '
' + '' + + '' + + '' } else { return '
' + '-
' @@ -192,7 +198,7 @@ export const Raumsuche = { this.setupMounted() }, template: ` -

{{$p.t('lvplan/raumsuche')}}

+

{{$p.t('lvplan/raumsuche')}}