!
Best answer by Radam
View original
Add alt tags to image
Userlevel 5
+30
Creating a popover that is a single image containing the text and graphical elements (see below). How can I add the required alt text to the image to help make it accessible
!
!
A
Hello @Radam,
If you are asking that on clicking "For more details ......Click here" part the user will be redirected to some link then us the following code:
<img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Link Description" title="Lets Clean Things Up" href="https://www.google.com/" coords="455,428,101" shape="circle">
</map>
O/P
<iframe><img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Registration Link" title="Lets Clean Things Up" href="https://www.google.com/" coords="455,428,101" shape="circle">
</map></iframe>
If you are asking that on clicking "For more details ......Click here" part the user will be redirected to some link then us the following code:
<img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Link Description" title="Lets Clean Things Up" href="https://www.google.com/" coords="455,428,101" shape="circle">
</map>
O/P
<iframe><img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="Registration Link" title="Lets Clean Things Up" href="https://www.google.com/" coords="455,428,101" shape="circle">
</map></iframe>
A
Hello @Radam ,
If you want accessebility all over the image then use the following code:
`<a href="https://www.google.com" target="_blank"><img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" alt="For More details.....Click Here" /></a>`
Now even if your image dosent get loaded for some reason the user can click the alt text i.e "For more details....Click here", and get redirected to registeration link
o/p
<a href="https://www.google.com" target="_blank"><img src="https://us.v-cdn.net/6030293/uploads/editor/ke/6ech3p7dk0o.jpg" alt="For More details.....Click Here" /></a>
If you want accessebility all over the image then use the following code:
`<a href="https://www.google.com" target="_blank"><img src="https://uploads-us-west-2.insided.com/qualtrics-us/attachment/ke_6ech3p7dk0o7.jpg" alt="For More details.....Click Here" /></a>`
Now even if your image dosent get loaded for some reason the user can click the alt text i.e "For more details....Click here", and get redirected to registeration link
o/p
<a href="https://www.google.com" target="_blank"><img src="https://us.v-cdn.net/6030293/uploads/editor/ke/6ech3p7dk0o.jpg" alt="For More details.....Click Here" /></a>
Userlevel 5
+30
I understand the concept of alt tag and how to implement them using HTML code I just can't figure out where to put the tag/code in the Site Intercept interface.
Userlevel 7
+20
Can you check by adding JavaScript on action set?
!
!
Userlevel 5
+30
Support was able to provide me with a easy process.
Instead of adding a image to the canvas, add a box. In the box's menu you can then add a image to the box which will allow you to edit the source; adding the alt tag.
Instead of adding a image to the canvas, add a box. In the box's menu you can then add a image to the box which will allow you to edit the source; adding the alt tag.
Did you ever receive a solution for your Alt Text question? I am having the same issue with our feedback slider.
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.