I'm trying to produce an eBook where I make extensive use of footnotes.
I read a lot of threads about those, new and old, and in particular
this one.
The technique to produce working footnotes seems to be well established since around ten years:
1) the <a> tag redirecting to the footnote gets the attribute epub:type="noteref";
2) the footnote itself is contained in an <aside> tag with an epub:type="footnote" attribute.
My problem is that I produced a book where these notes work as intended when read by the Kindle app, yet do not work at all when read by a Kobo Libra Colour I purchased two days ago. The links do not lead anywhere and no pop-up comes out.
Attached you can find my MWE.
Sigil indicates that this eBook is an EPUB3, and EPUB-checker confirms that it's an EPUB 3.3.
I copy here the code of the main XHTML page:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>MWE</title>
<link type="text/css" rel="stylesheet" href="../Styles/sgc-nav.css"/>
</head>
<body>
<p>Cosė come forse capita agli usignoli, uccelli poco avvezzi alla vita metropolitana ma che recentemente hanno popolato i parchi della capitale tedesca<sup class="nota_riferimento"><a epub:type="noteref" href="#note1" id="backlink1">1</a></sup>, il lettore potrebbe sentirsi un po' perso nel mondo in cui si svolge il gioco. Questo appendice offre dunque un riepilogo della storia di quegli anni, unitamente a una veloce descrizione di alcuni elementi culturali che ne <span class="corsivo">La trattativa</span> vengono citati per nome e che, in modo subliminale, contribuiscono ad arricchirne la trama.</p>
<h1>Note</h1>
<aside epub:type="footnote" id="note1"><p class="nota_testo"><a href="#backlink1"><sup>1</sup></a>Marta Miotto, <span class="corsivo">Berlino attrae usignoli. Č raro e a studiarlo č la pronipote di Darwin</span>, Berlino Magazine, 3 luglio 2019, consultato il 17 ottobre 2024, <a class="link_esterno" href="https://berlinomagazine.com/2019-berlino-attrae-usignoli-e-raro-e-a-studiarlo-e-la-pronipote-di-darwin/">https://berlinomagazine.com/2019-berlino-attrae-usignoli-e-raro-e-a-studiarlo-e-la-pronipote-di-darwin/</a>.</p>
</aside>
</body>
</html>
All of this seems coherent with
these indications by Kobo Labs. All instructions about pop-up footnotes I found indicate that this is the way to do them.
I'm puzzled and I don't know how to proceed.