Add avatar contact img description

Signed-off-by: Christopher Ng <chrng8@gmail.com>
nextcloud · Mar 3, 2023 · 4f3bfb3 · 4f3bfb3
1 parent 7a823fb
commit 4f3bfb3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/core/src/OC/contactsmenu.js b/core/src/OC/contactsmenu.js
@@ -55,6 +55,11 @@ const Contact = Model.extend({
 		} else {
 			this.set('hasManyActions', true)
 		}
+
+		const fullName = this.get('fullName')
+		if (this.get('avatar') && fullName) {
+			this.set('avatarLabel', t('core', 'Avatar of {fullName}', { fullName }))
+		}
 	}
 })
 

diff --git a/core/src/OC/contactsmenu/contact.handlebars b/core/src/OC/contactsmenu/contact.handlebars
@@ -2,11 +2,11 @@
 	{{#if contact.profileUrl}}
 		{{#if contact.profileTitle}}
 			<a class="profile-link--avatar" href="{{contact.profileUrl}}">
-				<img src="{{contact.avatar}}&size=32" class="avatar" srcset="{{contact.avatar}}&size=32 1x, {{contact.avatar}}&size=64 2x, {{contact.avatar}}&size=128 4x" alt="">
+				<img src="{{contact.avatar}}&size=32" class="avatar" srcset="{{contact.avatar}}&size=32 1x, {{contact.avatar}}&size=64 2x, {{contact.avatar}}&size=128 4x" alt="{{contact.avatarLabel}}">
 			</a>
 		{{/if}}
 	{{else}}
-		<img src="{{contact.avatar}}&size=32" class="avatar" srcset="{{contact.avatar}}&size=32 1x, {{contact.avatar}}&size=64 2x, {{contact.avatar}}&size=128 4x" alt="">
+		<img src="{{contact.avatar}}&size=32" class="avatar" srcset="{{contact.avatar}}&size=32 1x, {{contact.avatar}}&size=64 2x, {{contact.avatar}}&size=128 4x" alt="{{contact.avatarLabel}}">
 	{{/if}}
 {{else}}
 	{{#if contact.profileUrl}}