"SVG hyperlinks should have a human-readable title"

[AlanHK]

I get this warning from epubcheck:

WARNING(ACC-011): SVG hyperlinks should have a human-readable title (using the 'title' child element or the 'xlink:title' attribute).


The line referenced is to paragraphs like this with a footnote link, no SVG:

<p class="indent">If you assume that the spinning mass is in the form of an ultra-dense ring as is shown in Figure 11, with mass <i>M</i> and electric or magnetic charge <i>Q,</i> then using the Kerr metric, it can be shown <a href="../Text/refs.xhtml#fn9" id="n9" class="noteref">[9]</a>,<a href="../Text/refs.xhtml#fn10" id="n10" class="noteref">[10]</a> that <i>if</i> the spinning ring is dense enough and spinning rapidly enough, it acts like a space-warp and a time machine combined. When a small object is sent through the center of the ring, it does not come out the other side!</p>

There are SVG graphics several paragraphs before this (made by "InsertImageSVG" in Sigil) in the file:

<div class="breakavoid">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 844 1200" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="844" height="1200" xlink:href="../Images/qfig07.gif"/></svg>
</div>

Any idea what is going on and how to placate epubcheck?

[Doitsu]

I wasn't able to replicate this particular problem. Try adding a regular title attribute to the <a> tags:

<a title="[9]" href="../Text/refs.xhtml#fn9" id="n9" class="noteref">[9]</a>,
<a title="[10]" href="../Text/refs.xhtml#fn10" id="n10" class="noteref">[10]</a>

[RbnJrg]

Originally Posted by AlanHK

I get this warning from epubcheck?
...

A curiosity, the text you transcribed, which book does it belong to?

[Turtle91]

I’m not sure if this is the cause of the error code, but was wondering why you are using an svg wrapper to insert an inline image (gif)? I would use Sigil’s built-in "Insert image" rather than the "InsertImageSVG" plugin.

I only use the wrapper if I want an image to take up the whole page/screen and maintain the aspect ratio (xMidYMid meet).

If I want to insert the image amidst paragraphs then I would wrap the <img> tag with a <div>:

<p>Some paragraph text.</p>

<div class="image">
  <img alt="" src="../Images/qfig07.gif"
</div>

<p>Some paragraph text.</p>

And if I want to embed the image within the paragraph (last resort):

<p>some text with one-off symbol <img alt="" src="../Images/weirdsymbol.gif"</p>

Of course, there are also the other ePub3-isms, like using <figure> instead of <div> if you are making an ePub3 book…

[Turtle91]

As for the error code itself… do you have an image that didn’t properly close the </svg> tag and it is thinking the <a> link is inside the <svg>??

[AlanHK]

Originally Posted by Doitsu

I wasn't able to replicate this particular problem. Try adding a regular title attribute to the <a> tags:

No change, same errors.

Also tried putting a title in the SVG:

<div class="breakavoid">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 652 1200" xmlns:xlink="http://www.w3.org/1999/xlink"><image width="652" height="1200" xlink:href="../Images/qfig01.gif"/>
<title>Figure 1</title></svg> </div>

Same warnings, no new ones at least.

=================

Originally Posted by RbnJrg

A curiosity, the text you transcribed, which book does it belong to?

Appendix to Starquake by Robert L. Forward
He was a real physicist, some of the references are real, others fictional.

=================

Originally Posted by Turtle91

I only use the wrapper if I want an image to take up the whole page/screen and maintain the aspect ratio (xMidYMid meet).

Yes, the latter is why I do this. Otherwise, if it's a portrait image, it can get distorted. It's never been a problem before, though probably I never had footnote links in the same chapter.

For landscape images, I just do something like:

div.diagram{margin:1em;}
img.wid100{width:100%;}

<div class="diagram"><img alt="" src="../Images/qfig08.gif" class="wid100"/></div>

Of course, this assumes the viewer is set in portrait mode, but that's how I read 99.9% of the time.

Originally Posted by Turtle91

As for the error code itself… do you have an image that didn’t properly close the </svg> tag and it is thinking the <a> link is inside the <svg>??

No, all closed.
I would expect a more specific error about that, and all the intervening text to disappear as well.
If I delete an </svg>, Sigil pops up an error immediately.

=================
Note that this is just a "Warning", the epub looks okay in viewers, converts to Kindle without issue.
But if this happened in a book I was going to publish any epubcheck error can veto it so I want to work out the issue.
Can dumb down the image code and omit SVG if I have to if no other way.

[Karellen]

Is it an epub2 or 3 ebook?
Maybe upload the ebook? Scramble it if in copyright.
I know from personal experience the <title> tags do not work on a Libra2

[AlanHK]

Originally Posted by Karellen

Is it an epub2 or 3 ebook?
Maybe upload the ebook? Scramble it if in copyright.
I know from personal experience the <title> tags do not work on a Libra2

It's epub3.

I will send you a link by PM.

[Karellen]

Also, check what version of EPUBCheck you are using.
I am using v5.2.0

[AlanHK]

Originally Posted by Karellen

Also, check what version of EPUBCheck you are using.
I am using v5.2.0

Yeah, I'm a few years out of date.
I tested using an online epubcheck and no errors or warnings.
So it's a bug with my version of epubcheck.

Will update as I can.

Apologies for time wasted.

[Karellen]

Originally Posted by AlanHK

Will update as I can.

Instructions here... https://www.mobileread.com/forums/sh...&postcount=166