Add avatar contact img description

[Pytal]

• For [BITV] 9.1.1.1a/2.2 - The avatar buttons, which have been implemented as links, in the "Search contacts" dialog do not have alternative text. (9) #36713

Summary

Add descriptive text to the contacts menu avatar img elements

Checklist

• Code is properly formatted
• Sign-off message is added to all commits
• Tests (unit, integration, api and/or acceptance) are included
• Screenshots before/after for front-end changes
• Documentation (manuals or wiki) has been updated or is not required
• Backports requested where applicable (ex: critical bugfixes)

[Pytal]

/backport to stable25

[jotoeri]

Hmm, isn't that worse, as the screenreader reads the name on the avatar and then once again on the actual full-name text?

[Pytal]

Hmm, isn't that worse, as the screenreader reads the name on the avatar and then once again on the actual full-name text?

Do you think we should add a separate label for the avatar @michaelnissenbaum?

[michaelnissenbaum]

@JuliaKirschenheuter From my perspective, Avatar should not be implemented as a link because we already have a 'View Profile' link that provides the same functionality. Avatar should simply be implemented as an img element with an "alt" attribute set to an empty string, so that screen readers will ignore this element. However, if you really want the Avatar element to remain interactive and be displayed, then you can use the aria-label attribute with an "a"-element or the "alt" attribute of the image.

[JuliaKirschenheuter]

would be better to set Avatar of __name__? Or should we through away a link from avatar #36740 (comment)?

[Pytal]

would be better to set Avatar of __name__? Or should we through away a link from avatar #36740 (comment)?

Makes sense UX-wise to have it clickable so updated the description!

[kesselb]