That is it! Thanks!
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 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>
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
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.
Bookmarks