Improve alt text on logo

So it's not repeated twice by screen readers
DemocracyClub · Apr 11, 2024 · e7bb38e · e7bb38e
1 parent c5d76d2
commit e7bb38e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/dc_utils/templates/404.html b/dc_utils/templates/404.html
@@ -12,7 +12,7 @@
             <header role="banner">
                 <div class="container">
                     <a href="/">
-                        <img src="{% if STATIC_URL %}{{ STATIC_URL }}{% endif %}/images/logo_icon.svg" alt="{% if site_title %}{{ site_title }}{% endif %}" width="72">
+                        <img src="{% if STATIC_URL %}{{ STATIC_URL }}{% endif %}/images/logo_icon.svg" alt="{% if site_title %}{{ site_title }} logo{% endif %}" width="72">
                     </a>
                 </div>
             </header>

diff --git a/dc_utils/templates/500.html b/dc_utils/templates/500.html
@@ -12,7 +12,7 @@
             <header role="banner">
                 <div class="container">
                     <a href="/">
-                        <img src="{{ STATIC_URL }}/images/logo_icon.svg" alt="{{ site_title }}" width="72">
+                        <img src="{{ STATIC_URL }}/images/logo_icon.svg" alt="Democracy Club logo" width="72">
                     </a>
                 </div>
             </header>

diff --git a/dc_utils/templates/dc_base.html b/dc_utils/templates/dc_base.html
@@ -15,7 +15,7 @@
             {% block header_base %}
                 <header class="ds-header">
                     <a class="ds-logo" href="/">
-                        <img src="{% static 'images/logo_icon.svg' %}" alt="{{ SITE_TITLE }}" width="72">
+                        <img src="{% static 'images/logo_icon.svg' %}" alt="Democracy Club logo" width="72">
                         <span>{{ SITE_TITLE }}{% block language_code %}{% endblock language_code %}</span>
                     </a>
                     {% block site_menu %}{% endblock site_menu %}
@@ -59,7 +59,7 @@
                         {% block footer_logo %}
                             <div class="ds-copyright">
                                 <a class="ds-logo" href="https://democracyclub.org.uk/">
-                                    <img src="{% static 'images/logo_icon.svg' %}" width="72" alt="Democracy Club" />
+                                    <img src="{% static 'images/logo_icon.svg' %}" width="72" alt="Democracy Club logo" />
                                     <span class="ds-text-left">
                                         {% trans "democracy"%}<br>{% trans "club" %}
                                     </span>