Title tag on objects

[richinri]

How does one add title tags like alt tags?

[Boy]

Go to Utilities/Web Properties/Image and enter you text in the "Image Caption (Alt Text) box.

[richinri]

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.

[Boy]

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).

[richinri]

That is it! Thanks!

[Acorn]

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	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>

[pauland]

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.