refactor(Cis4 Wave Accessability): adds accessability attributes to the searchbar components

This commit is contained in:
SimonGschnell
2025-07-16 12:56:49 +02:00
parent ba3914c1c3
commit 99f9509134
7 changed files with 8 additions and 4 deletions
+1
View File
@@ -15,6 +15,7 @@ export default {
template: `
<template v-if="this.renderif()">
<a :class="this.cssclass" :href="this.getactionhref()"
:alt="$p.t('ui','aktion')"
@click="this.execaction()">
<slot>Action</slot>
</a>
+1 -1
View File
@@ -14,7 +14,7 @@ export default {
<div class="searchbar_grid">
<div class="searchbar_icon">
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<img v-if="(typeof res.photo_url !== 'undefined') && (res.photo_url !== null)" :src="res.photo_url"
<img v-if="(typeof res.photo_url !== 'undefined') && (res.photo_url !== null)" :alt="$p.t('profilUpdate','profilBild')" :src="res.photo_url"
class="rounded" style="max-height: 120px; max-width: 90px;" />
<i v-else class="fas fa-user-circle fa-5x"></i>
</action>
@@ -14,7 +14,7 @@ export default {
<div class="searchbar_grid">
<div class="searchbar_icon">
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<i class="fas fa-sitemap fa-4x"></i>
<i class="fas fa-sitemap fa-4x" aria-hidden="true"></i>
</action>
</div>
+2 -1
View File
@@ -14,7 +14,8 @@ export default {
<div class="searchbar_grid">
<div class="searchbar_icon">
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)" :src="res.foto"
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
:alt="$p.t('profilUpdate','profilBild')" :src="res.foto"
class="rounded" style="max-height: 120px; max-width: 90px;" />
<i v-else class="fas fa-user-circle fa-5x"></i>
</action>
@@ -15,6 +15,7 @@ export default {
<div class="searchbar_icon">
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
:alt="$p.t('profilUpdate','profilBild')"
:src="'data:image/jpeg;base64,' + res.foto"
class="rounded-circle" height="100"/>
<i v-else class="fas fa-user-circle fa-5x"></i>
+1 -1
View File
@@ -13,7 +13,7 @@ export default {
<div class="searchbar_grid">
<div class="searchbar_icon">
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<i class="fas fa-door-open fa-4x"></i>
<i class="fas fa-door-open fa-4x" aria-hidden="true"></i>
</action>
</div>
<div class="searchbar_data">
@@ -16,6 +16,7 @@ export default {
<action :res="this.res" :action="this.actions.defaultaction" @actionexecuted="$emit('actionexecuted')">
<img v-if="(typeof res.foto !== 'undefined') && (res.foto !== null)"
:src="studentImage"
:alt="$p.t('personUpdate','profilBild')"
class="rounded" style="max-height: 120px; max-width: 90px;" />
<i v-else class="fas fa-user-circle fa-5x"></i>
</action>