♿ focus management for issues

templates/comic.html

@@ -16,7 +16,7 @@
     </div>
     {% endif %}
 
-    <div class="comic-image">
+    <div class="comic-image" id="comic-image-focus" tabindex="-1">
         {% if comic.number < total_comics %}
         <a href="{{ url_for('comic', comic_id=comic.number + 1) }}">
             {% if comic.mobile_filename %}

templates/index.html

@@ -16,7 +16,7 @@
         <p class="comic-date">{{ comic.date }}</p>
     </div>
 
-    <div class="comic-image">
+    <div class="comic-image" id="comic-image-focus" tabindex="-1">
         {% if comic.mobile_filename %}
         <picture>
             <source media="(max-width: 768px)" srcset="{{ url_for('static', filename='images/comics/' + comic.mobile_filename) }}">