- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-18-2023 08:54 AM
Hi all,
I added alt text to some images in a ServiceNow article. However, when I view the article, either in the back-end fulfiller view or the user-facing service portal, I can't view the alt text; it doesn't appear when I click on or hover over the image. Has anyone else experienced this issue? Does anyone know what causes it, and how to change this behavior?
Solved! Go to Solution.
- Labels:
-
display
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
01-18-2023 09:41 AM
It should work without any issues. Alt Text will only appear though if the image cannot be displayed for any reason and is also used by screen readers.
Easy test is in your KB article switch to HTML mode (click the <> source code button) and change the name of your image to some random name to break it. then save and preview the article and you should see the alt text.
You may be confusing the alt attribute and the title attribute.
The alt attribute is an img-specific attribute to assign alternative content to be rendered in the case that the image cannot be. title is a general attribute used to provide a tooltip when hovering over the element.
If you want balloon text to appear when the mouse hovers over an image, add "title" to the img HTML tag as shown in the example code below.
<img alt="Example of alt text" title="Example of title text" src="whatever.png">
If helpful please mark as Helpful/Correct
Regards
Paul
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
02-08-2023 02:44 PM
We won't see alt text in the article. (For those who don't know, alt text is meant for sight-impaired people using a screen reader to hear a description of an image/graph, etc. being read out loud). Like others said, you can add it in by using the tool bar icon for images, or by coding it in the HTML editing window. If you need to make your articles 508 compliant, then you will need to have alt text for all images (except those that are exempt/not useful- you need to code in alt="" so the screen reader app will skip over the image and continue to the next item. Unfortunately, alt="" doesn't work by using the tool bar icon for images (I tried it but the "" doesn't stick).
