alexohneander/alexohneander-zola
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Aids screen reader output.
This commit is contained in:
welpo 2023-02-06 01:30:05 +01:00
parent 06dae7a711
commit 29afc44149
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/cards.html
View File

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

4
templates/section.html
View File

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