repos/website
1
Fork 0
Code Issues 1 Pull requests 23 Activity

Add alt text for unsplash image URLs

Browse source
This commit is contained in:
Jake Howard 2024-01-17 19:35:13 +00:00
parent 750fceee02
commit 8c72558ca6
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
website/common/models.py
View file

@ -195,6 +195,13 @@ class BaseContentPage(BasePage, MetadataMixin):
def list_image_url(self) -> Optional[str]:
return self.hero_url("small")
@cached_property
def hero_image_alt(self) -> str:
if self.hero_unsplash_photo_id is None:
return ""
return self.hero_unsplash_photo.data.get("description", "")
def get_meta_url(self) -> str:
return self.full_url

2
website/common/templates/common/listing-item.html
View file

@ -6,7 +6,7 @@
<figure class="media-left column is-3 image-column">
{% if page.list_image_url %}
<a href="{% pageurl page %}" class="image" title="{{ page.title }}">
<img src="{{ page.list_image_url }}" alt="" loading="lazy" decoding="async" />
<img src="{{ page.list_image_url }}" alt="{{ page.hero_image_alt }}" loading="lazy" decoding="async" />
</a>
{% endif %}
</figure>

2
website/common/templates/wagtail_base.html
View file

@ -15,7 +15,7 @@
<picture>
{% for width, image_url in page.hero_image_urls.items reversed %}<source srcset="{{ image_url }}" media="(max-width: {{ width }}px)" />{% endfor %}
<img class="hero" src="{{ page.hero_image_url }}" decoding="async" alt="" />
<img class="hero" src="{{ page.hero_image_url }}" decoding="async" alt="{{ page.hero_image_alt }}" />
</picture>
{% endif %}