When creating an image with a link, whether in a banner, toolbar, header, footer, Portal Text Editor, or any similar item, the general format to do so is:
<a href="https://www.passageways.com/software/employee-intranet/demo" target="_blank" title="Contact Us"><img alt="" src="/Layouts/Content Footer Layouts/OEPFooter/4-contact.svg" style="width: 90%;" /></span></a>
This creates a link with the anchor tag, surrouding the img displayed in the img tag.
The blue title in the <a> tag is what sets the text that pops up when you hover over the link. The red alt text can do the same thing. If both exist, the blue title tag will take precendence as it is on the outermost element.
However, this can change when using an SVG image as your source in the image tag. SVG images have within them HTML that specifies how the image is to be drawn. Other HTML can also be included in an SVG image, such as the following example:
Note line 4. It's a title line, just like our blue title text from above.
If this title line exists in the SVG, it will override any title from the anchor tag or alt text from the image tag.
To fix this, you can either completely remove the title line from the SVG file and save it, or alter the title in the SVG file to be what you want the tooltip to say when you hover over the image.