♿️ fix: switch pagination from <ul> to <div>

Aids screen reader output.
2 years ago · 29afc44149
parent 06dae7a711
commit 29afc44149
2 changed files with 4 additions and 4 deletions
--- a/templates/cards.html
+++ b/templates/cards.html
@ -18,7 +18,7 @@
    </main>

    {% if paginator %}
-        <ul class="pagination">
+        <div class="pagination">
            {% if paginator.previous %}
                <span class="page-item page-prev">
                    <a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
@ -30,6 +30,6 @@
                    <a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
                </span>
            {% endif %}
-        </ul>
+            </div>
    {% endif %}
 {% endblock main_content %}
--- a/templates/section.html
+++ b/templates/section.html
@ -23,7 +23,7 @@
 </main>

 {% if paginator %}
-<ul class="pagination">
+<div class="pagination">
 	{% if paginator.previous %}
 	<span class="page-item page-prev">
 		<a href={{ paginator.previous }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
@ -35,6 +35,6 @@
 		<a href={{ paginator.next }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
 	</span>
 	{% endif %}
-</ul>
+</div>
 {% endif %}
 {% endblock main_content %}