On the images page, use a figcaption rather than a heading for the image description

This commit is contained in:
Helen C 2019-06-07 12:57:17 +01:00 committed by Thibaud Colas
parent d3ccedd5ae
commit 36db643f20

View file

@ -19,14 +19,14 @@
{% for image in images %}
<li>
<a class="image-choice" title="{% if collections %}{{ image.collection.name }} » {% endif %}{{ image.title }}" href="{% url 'wagtailimages:edit' image.id %}">
{% include "wagtailimages/images/results_image.html" %}
{% trans "pixels" as translated_pixels %}
<h3>{{ image.title|ellipsistrim:60 }}
<span class="visuallyhidden">
{{ image.width }} {{ translated_pixels }} &#215; {{ image.height }} {{ translated_pixels}}
</span>
</h3>
<figure>
{% include "wagtailimages/images/results_image.html" %}
{% trans "pixels" as translated_pixels %}
<figcaption>
{{ image.title|ellipsistrim:60 }}
<span class="visuallyhidden">{{ image.width }} {{ translated_pixels }} &#215; {{ image.height }} {{ translated_pixels}}</span>
</figcaption>
</figure>
</a>
</li>
{% endfor %}