how to add alternate text to a portal logo

shawnbaar
Giga Expert

I need to add alternate text to a logo in the Service Portal.  The logo is read by the screen reading software as "?id-csm_index" which is the name of the portal landing page.  The portal Title has been altered and reads fine, it is just the logo.

When I inspect the element in the branding editor, I can locate the line where I would need to add the snippet of code to add the alt="" attribute to the HTML element.  However, I am unable to locate where this

find_real_file.png

piece of code can be edited.

Anyone know?  I saw there was a similar question asked almost a year ago with no responses

1 ACCEPTED SOLUTION

Nia McCash
Mega Sage
Mega Sage

The code is in the "Stock Header" widget that is used in the Theme of your Service Portal.  If you want to modify the code, you'll have to clone the widget to create your own, and don't forget to set your customized widget as the header in the Theme that you're using.

View solution in original post

4 REPLIES 4

Nia McCash
Mega Sage
Mega Sage

The code is in the "Stock Header" widget that is used in the Theme of your Service Portal.  If you want to modify the code, you'll have to clone the widget to create your own, and don't forget to set your customized widget as the header in the Theme that you're using.

This answer is correct. For more detailed explanation use the aria-label attribute to correctly label the image. Example: <img aria-label="FAQ Home" title="FAQ Home" ng-src="{{::portal.logo}}" />
 

 

Thanks! This worked for me in Paris.

shawnbaar
Giga Expert

Thank you! I was able to make the required changes and it works great!