[Avatar]: attribute accessibleName doesn't seem to have any effect

[gurkirpalgill]

Bug Description

When using accesssibleName/accessible-name attribute along with icon attribute in Avatar component it doesn't seem to have any effect on the svg image.
axe-Devtools complaints Ensure <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text

Affected Component

Avatar

Expected Behaviour

When using accessibleName attribute along with icon attribute, aria-label should be propagated to the svg image tag. see attached screenshots.

Isolated Example

No response

Steps to Reproduce

No response

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

2.x

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[GerganaKremenska]

Hello @SAP/ui5-webcomponents-topic-p,

There is an issue rasied by the AXE tool for the ui5-avatar, when accessible-name is set.
Setps to reproduce:

1. open link
2. Run axe dev tools

Error is raised that svg element does not have an accessible text.

As I can see the accessible name is applied to the wrapper element of the avatar with role="img", but on the svg it self the is no accessible name.

Can you take over?

Best Regards,
Gergana

[GerganaKremenska]

Hello @gurkirpalgill,

accessible-name is the correct way to set a property.
accessibleName will not be regognized by the framework.

Best Regards,
Gergana

[ui5-webcomponents-bot]

🎉 This issue has been resolved in version v2.8.0-rc.2 🎉

The release is available on v2.8.0-rc.2

Your semantic-release bot 📦🚀