How does one add title tags like alt tags?
Printable View
How does one add title tags like alt tags?
Go to Utilities/Web Properties/Image and enter you text in the "Image Caption (Alt Text) box.
So the ALT text is the same as the TITLE text? They should be different. ALT tags are for alternate images if an image is missing. TITLE tags are used for those with disabilities and SEO.
I think I misread your first post. If you want titles shown when hovering the mouse over a picture, you need to go to Web Properties/Mouse-over/Show pop-up text (Title). In XDP 11 -- and perhaps also XDP 10?? -- you have to go to Web Properties/Web Animation/Show pop-up text (Title).
That is it! Thanks!
Here is what I think covers all of the possible variants for HTML Attributes in Xara v.11 applications.
A rectangle/box is rendered in CSS as a SPAN so it is not an image; you don't get any Alt Text. To do so add a border or a fill.
I have left out Text Lines & Text Boxes. These render as for Shapes but do not have a Highslide pop-up capability. Also, the use of HTMLBlockText as a name moves the ID and Title into DIVs and SPANs that don't really affect matters.
In summary, you have to add the Attributes in four separate Xara dialogs - quite easy to mix up or forget.
Acorn
Attribute Value Method Box HTML Shape HTML ID boxId Utilities > Names… <span ... id="boxId" … ID shapeId Utilities > Names… <img … " id="shapeId" … Alt Text box Image Caption Web Properties > Image > Image Caption :banghead: Does not render Alt Text shape Image Caption Web Properties > Image > Image Caption <img … alt="shape Image Caption" … Title box Title Web Animation > Show pop-up text <span ... title="box Title" … Title shape Title Web Animation > Show pop-up text <img ... title="shape Title" … Pop-up Title box Pop-up Title Web Properties > Image > Pop-up Title
Options… > Show image title > ticked<a ... class="xr_rn_ highslide" onmouseover="hs.headingText='box Pop-up Title'" ...>
<img ... id="boxId" ... " alt="box Image Caption" title="box Title" .../>
</a>Pop-up Title shape Pop-up Title Web Properties > Image > Pop-up Title
Options… > Show image title > ticked<a ... class="xr_rn_ highslide" onmouseover="hs.headingText='shape Pop-up Title'" ...>
<img ... id="boxId" ... " alt="box Image Caption" title="box Title" .../>
</a>
ALT tags are for alternate images if an image is missing.
That's not true.
An alt tag is a text alternative for an image or object on your page. The alt tag will be read by screenreaders and other site readers as an alternative to the image itself.