Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SF][A11Y][StandardListItem] - Need support for alternative text in StandardListItem image #5594

Closed
1 of 4 tasks
zijies1 opened this issue Aug 1, 2022 · 4 comments
Closed
1 of 4 tasks

Comments

@zijies1
Copy link

zijies1 commented Aug 1, 2022

Feature Request Description

It seems that there are no feasible ways to pass an alternative text to the image element when using StandardListItem and there is no default value set neither, which is required to pass A11Y tests.

Proposed Solution

Maybe we can add a new props value like imageAlt to StandardListItem or set a default value for the alt text of image element.

Proposed Alternatives

A clear and concise description of any alternative solutions or features you've considered.

Additional Context

Screen Shot 2022-08-01 at 09 45 14

Priority

  • Low
  • Medium
  • High
  • Very High

A clear and concise description of the impact/urgency of the required feature.

Stakeholder Info (if applicable)

  • Organization: SuccessFactors

Rondo Shen
Thank you!

@MapTo0
Copy link
Member

MapTo0 commented Aug 1, 2022

Hello @SAP/ui5-webcomponents-topic-p

Please have a look in that request.
I checked that in openui5 the avatar is in the API as an aggregation.
In our case it is a property.

  • In case you expect to have more similar request, please consider adding slot instead of lots of properties.

Regards,
Martin

@dobrinyonkov
Copy link
Contributor

Hi @zijies1,

as stated above, we will provide a slot to serve for customization of the image/avatar, similarly to how this is achieved in the UI5 classic project.

Kind Regards,
Dobrin

@dobrinyonkov
Copy link
Contributor

Internal Reference: BGSOFUIPIRIN-6177

@dobrinyonkov dobrinyonkov mentioned this issue Jul 11, 2023
29 tasks
@dobrinyonkov
Copy link
Contributor

dobrinyonkov commented Oct 17, 2023

Hi, this can be achieved by using the imageContent slot:

<ui5-li> 
        <ui5-avatar slot="imageContent" id="imageContent-slot-avatar">
	        <img src="./img/woman_avatar_5.png" alt="Woman image">
        </ui5-avatar>
        Avatar inside imageContent slot
</ui5-li>

Regards,
Dobrin

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: Completed
Development

No branches or pull requests

3 participants