a11y: include title in link on homepage

diff --git a/panikweb_esperanzah/templates/home.html b/panikweb_esperanzah/templates/home.html
index 3badbb004096b1b0fec31c736e4bff0bf1e81bdc..e989614cffdc9b78ac91a5cbc6639374d4b19d22 100644 (file)
--- a/panikweb_esperanzah/templates/home.html
+++ b/panikweb_esperanzah/templates/home.html
@@ -36,14 +36,14 @@
                    <div class="image">
                             <div class="img">
                        {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
-                        <img loading="lazy" src="{{im.url}}">
+                        <img alt="" loading="lazy" src="{{im.url}}">
                         {% empty %}
-                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==">
+                        <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==">
                        {% endthumbnail %}
                             </div>
                    </div>
-             </a>
              <div class="name"><span>{{emission.title}}</span></div>
+             </a>
               <div class="tags">
               {% if emission.subtitle %}<span>{{ emission.subtitle }}</span>
               {% elif emission.has_focus %}<span>#podcast</span>{% endif %}
@@ -61,14 +61,14 @@
                    <div class="image">
                             <div class="img">
                        {% thumbnail page.picture "450x450" crop="50% 50%" as im %}
-                        <img loading="lazy" src="{{im.url}}">
+                        <img alt="" loading="lazy" src="{{im.url}}">
                         {% empty %}
-                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
+                        <img alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
                        {% endthumbnail %}
                             </div>
                    </div>
-           </a>
                    <div class="name"><span>{{page.title}}</span></div>
+           </a>
                       <div class="tags">
                       {% if page.slug == "interviews" %}<span>#podcast</span>{% endif %}
                       </div>