♿ label for comic nav

static/js/comic-nav.js

@@ -179,6 +179,7 @@
         if (currentNumber < totalComics) {
             const link = document.createElement('a');
             link.href = `/comic/${currentNumber + 1}`;
+            link.setAttribute('aria-label', 'Click to view next comic');
             link.onclick = (e) => {
                 e.preventDefault();
                 loadComic(currentNumber + 1);

templates/comic.html

@@ -18,7 +18,7 @@
 
     <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) }}">
+        <a href="{{ url_for('comic', comic_id=comic.number + 1) }}" aria-label="Click to view next comic">
             {% if comic.mobile_filename %}
             <picture>
                 <source media="(max-width: 768px)" srcset="{{ url_for('static', filename='images/comics/' + comic.mobile_filename) }}">