Skip to content

Commit f801796

Browse files
codeurimpulsifcodeurimpulsif
committed
accessibility: add missing or change bad images descriptions
1 parent 14dd817 commit f801796

11 files changed

Lines changed: 30 additions & 27 deletions

File tree

‎exodus/analysis_query/templates/query_submit.html‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h1 class="main-title">
2020
<div class="row justify-content-sm-center">
2121
<div class="col-md-8 col-12">
2222
<p class="text-center mb-5">
23-
<img src="{% static 'img/analysis_new.png' %}" width="120">
23+
<img src="{% static 'img/analysis_new.png' %}" width="120" alt="{% trans "Magic wand above a test tube" %}">
2424
</p>
2525
{% if submissions_disabled and not request.user.is_superuser %}
2626
<div class="text-center alert alert-danger">
@@ -43,7 +43,7 @@ <h1 class="main-title">
4343
<div class="input-group input-group-lg mb-3">
4444
<div class="input-group-prepend">
4545
<span class="input-group-text" id="handle_help">
46-
<small><img src="/static/img/search.svg"></small>
46+
<small><img src="/static/img/search.svg" alt="{% trans "Magnifying glass" %}"></small>
4747
</span>
4848
</div>
4949
<input type="text" class="form-control" id="handle" name="handle" aria-describedby="handle_help" required>
@@ -61,8 +61,10 @@ <h1 class="main-title">
6161
{% trans "Free applications only. Works also with the application handle." %}
6262
</p>
6363
<div class="alert alert-warning text-center mb-4" role="alert">
64-
Applications with geographic restrictions cannot be scanned -
65-
read our <a target="_blank" rel="noreferrer" href='https://exodus-privacy.eu.org/en/post/covid/'>blog post</a>
64+
{% blocktrans %}
65+
Applications with geographic restrictions cannot be scanned -
66+
read our <a target="_blank" rel="noreferrer" href='https://exodus-privacy.eu.org/en/post/covid/'>blog post</a>
67+
{% endblocktrans %}
6668
</div>
6769

6870
<div id="reports" class="alert alert-info d-none">
@@ -81,7 +83,7 @@ <h1 class="main-title">
8183
{% endif %}
8284

8385
<div id="loading" class="text-center d-none">
84-
<img class="w-200px" src="/static/img/loading.gif" alt="">
86+
<img class="w-200px" src="/static/img/loading.gif" alt="{% trans "Animated line of marbles going up and down in waves" %}">
8587
<div class="alert alert-light" role="alert">
8688
{% trans "The analysis could take a long time, you will be automatically redirected to the report." %}
8789
</div>

‎exodus/analysis_query/templates/query_upload.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ <h1 class="main-title">
2020
<div class="row justify-content-sm-center">
2121
<div class="col-md-8 col-12">
2222
<p class="text-center mb-5">
23-
<img src="{% static 'img/analysis_new.png' %}" width=120px>
23+
<img src="{% static 'img/analysis_new.png' %}" width=120px alt="{% trans "Magic wand above a test tube" %}">
2424
</p>
2525
<form method="post" enctype="multipart/form-data" action="{% url 'analysis:upload' %}">
2626
<div class="form-group">
@@ -58,7 +58,7 @@ <h1 class="main-title">
5858
</div>
5959

6060
<div id="loading" class="text-center d-none">
61-
<img class="w-200px" src="/static/img/loading.gif" alt="">
61+
<img class="w-200px" src="/static/img/loading.gif" alt="{% trans "Animated line of marbles going up and down in waves" %}">
6262
<div class="alert alert-light" role="alert">
6363
{% trans "The analysis could take a long time, you will be automatically redirected to the report." %}
6464
</div>

‎exodus/analysis_query/templates/query_wait.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,12 +24,12 @@ <h1 id="main-title" class="main-title">
2424
{% trans analysis.description %}
2525
</div>
2626
<p id="completed" class="text-center mt-5 d-none">
27-
<img src="{% static 'img/analysis_completed.png' %}" width="120">
27+
<img src="{% static 'img/analysis_completed.png' %}" width="120" alt="{% trans "Sparkles above a test tube" %}">
2828
</p>
2929
<p id="report" class="mt-4 d-none">
3030
<a href="#" class="btn btn-primary">{% trans "See the report" %}</a>
3131
</p>
32-
<img id="snake" class="d-none w-200px" src="/static/img/loading.gif" alt="">
32+
<img id="snake" class="d-none w-200px" src="/static/img/loading.gif" alt="{% trans "Animated line of marbles going up and down in waves" %}">
3333
<div id="refresh" class="text-muted small">
3434
{% trans "Will refresh automatically every 10 seconds." %}
3535
</div>

‎exodus/reports/templates/report_details.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -161,7 +161,7 @@ <h3>
161161
<span class="p-l-28px" </span>
162162
{% endif %}
163163
{% if perm.severity == 'Special' or perm.severity == 'Dangerous' %}
164-
&nbsp;<img data-toggle="tooltip" data-placement="top" title="Protection level: {{ perm.protection_level }}" src="/static/img/danger.svg">&nbsp;
164+
&nbsp;<img data-toggle="tooltip" data-placement="top" title="Protection level: {{ perm.protection_level }}" src="/static/img/danger.svg" alt="{% trans "Red exclamation mark" %}">&nbsp;
165165
{% endif %}
166166
<span data-toggle="tooltip" data-placement="top" title="{{ perm.prefix }}.{{ perm.short_name }}">{{ perm.short_name }}</span>
167167
{% if perm.label %}
@@ -172,7 +172,7 @@ <h3>
172172
<p>
173173
<small class="text-muted font-italic">
174174
{% blocktrans trimmed %}
175-
The icon &nbsp;<img src="/static/img/danger.svg">&nbsp; indicates a 'Dangerous' or 'Special' level according to <a target="_blank" rel="noreferrer" href="https://developer.android.com/guide/topics/permissions/overview">Google's protection levels</a>.
175+
The icon &nbsp;<img src="/static/img/danger.svg" alt="Red exclamation mark">&nbsp; indicates a 'Dangerous' or 'Special' level according to <a target="_blank" rel="noreferrer" href="https://developer.android.com/guide/topics/permissions/overview">Google's protection levels</a>.
176176
{% endblocktrans %}
177177
</small>
178178
</p>

‎exodus/trackers/templates/trackers_list.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,8 @@ <h4>
3535
</div>
3636

3737
<div class="col-xl-4 col-lg-3 col-md-8 col-12 mb-4">
38-
<input class="form-control" type="text" id="name-input" onkeyup="filterByName()" placeholder="{% trans "Search by name" %}">
38+
<input class="form-control" type="text" id="name-input" onkeyup="filterByName()" aria-describedby="hint-name" placeholder="{% trans "Search by name" %}">
39+
<span id="hint-name" class="visually-hidden">{% trans "Search by name" %}</span>
3940
</div>
4041

4142
<div class="col-md-8 col-12">

‎exodus/web/templates/base/base.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828
<div class="container">
2929
<a class="navbar-brand" data-toggle="tooltip" title="εxodus v1.30" href="{% url 'home' %}">
3030
<img src="/static/img/logo_purple_small.png" width="40" height="40" class="d-inline-block align-top"
31-
alt="exodus logo">
31+
alt="{% trans "Exodus logo: white epsilon in a purple circle" %}">
3232
<span class="h2">εxodus</span>
3333
</a>
3434
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
@@ -74,7 +74,7 @@
7474
{% endif %}
7575
</ul>
7676
<form class="form-inline my-2 my-lg-0" action="{% url 'set_language' %}" method="post">
77-
<img class="mr-3 mr-lg-2 mr-xl-3" alt="language selector" src="{% static 'img/langue.svg' %}">
77+
<img class="mr-3 mr-lg-2 mr-xl-3" alt="language selector" src="{% static 'img/langue.svg' %}" alt="{% trans "Select language" %}">
7878
{% csrf_token %}
7979
{% if LANGUAGE_CODE|length == 2 %}
8080
<input name="next" type="hidden" value="{{ request.get_full_path | slice:'3:' }}">

‎exodus/web/templates/base/home.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
{% block content %}
1010
<div class="row justify-content-center mb-5 mt-5">
1111
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-4 col-4 my-auto">
12-
<img src="/static/img/logo_purple_small.svg" class="mx-auto d-block img-fluid" alt="exodus logo">
12+
<img src="/static/img/logo_purple_small.svg" class="mx-auto d-block img-fluid" alt="{% trans "Exodus logo: white epsilon in a purple circle" %}">
1313
</div>
1414
<div class="col-xl-5 col-lg-5 col-md-8 col-sm-8 text-center my-auto">
1515
<h1 class="main-title">εxodus</h1>

‎exodus/web/templates/base/next.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ <h4 class="mt-2">{% trans "Favour free software" %}</h4>
4646
</p>
4747
<p class="text-center">
4848
<a target='_blank' rel='noreferrer' href='https://f-droid.org/'>
49-
<img src="{% static 'img/fdroid_logo.svg' %}" width="120" alt="F-droid logo">
49+
<img src="{% static 'img/fdroid_logo.svg' %}" width="120" alt="{% trans "F-droid logo: green and blue cubic robot with a reverse C on it" %}">
5050
</a>
5151
</p>
5252
<p>
@@ -60,10 +60,10 @@ <h4 class="mt-2">{% trans "Use the mobile website instead of the application" %}
6060
</p>
6161
<p class="text-center">
6262
<a style="text-decoration:none" target='_blank' rel='noreferrer' href='https://play.google.com/store/apps/details?id=org.mozilla.firefox'>
63-
<img src="{% static 'img/firefox_logo.png' %}" width="120" alt="Firefox logo">
63+
<img src="{% static 'img/firefox_logo.png' %}" width="120" alt="{% trans "Firefox logo: orange to yellow fox wrapped around a blue sphere" %}">
6464
</a>
6565
<a target='_blank' rel='noreferrer' href='https://f-droid.org/packages/com.duckduckgo.mobile.android/'>
66-
<img src="{% static 'img/duckduckgo_logo.png' %}" width="120" alt="DuckDuckGo logo">
66+
<img src="{% static 'img/duckduckgo_logo.png' %}" width="120" alt="{% trans "DuckDuckGo logo: white duck with a green bow tie on an orange circle" %}">
6767
</a>
6868
</p>
6969
<p>
@@ -77,7 +77,7 @@ <h4 class="mt-2">{% trans "Use the mobile website instead of the application" %}
7777
<h4 class="mt-2">{% trans "Install an ad blocker" %}</h4>
7878
<p class="text-center">
7979
<a target='_blank' rel='noreferrer' href='https://blokada.org/'>
80-
<img src="{% static 'img/blokada_logo.png' %}" width="120" alt="Blokada logo">
80+
<img src="{% static 'img/blokada_logo.png' %}" width="120" alt="{% trans "Blokada logo: orange striated shield" %}">
8181
</a>
8282
</p>
8383
<p>

‎exodus/web/templates/base/organization.html‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ <h1 class="main-title">
1919
<div class="row justify-content-sm-center">
2020
<div class="col-md-8 col-12 mb-5">
2121
<p class="text-center">
22-
<img src="{% static 'img/logo_purple_small.svg' %}" width="100">
22+
<img src="{% static 'img/logo_purple_small.svg' %}" width="100" alt="{% trans "Exodus logo: white epsilon in a purple circle" %}">
2323
</p>
2424
<p>
2525
{% trans "Exodus Privacy is a non-profit organization led by hacktivists. Its purpose is to help people get a better understanding of the Android applications tracking issues." %}
@@ -43,12 +43,12 @@ <h4>{% trans "Contact us" %}</h4>
4343
</div>
4444
<div class="row justify-content-sm-center">
4545
<div class="col-md-4 col-12 mb-4 text-center">
46-
<p><img src="{% static 'img/contact.svg' %}"></p>
46+
<p><img src="{% static 'img/contact.svg' %}" alt="{% trans "An envelope" %}"></p>
4747
<p>contact@exodus-privacy.eu.org</p>
4848
<p><a href="mailto:contact@exodus-privacy.eu.org" class="btn btn-outline-primary min-w-150px">{% trans "Contact us!" %}</a></p>
4949
</div>
5050
<div class="col-md-4 col-12 mb-4 text-center">
51-
<p><img src="{% static 'img/mastodon.svg' %}"></p>
51+
<p><img src="{% static 'img/mastodon.svg' %}" alt="{% trans "Mastodon logo: a stylized mammoth with an 'm' in it" %}"></p>
5252
<p>@exodus</p>
5353
<p><a href="https://framapiaf.org/@exodus" target="_blank" rel="noreferrer" class="btn btn-outline-primary min-w-150px">{% trans "Follow us!" %}</a></p>
5454
</div>
@@ -60,7 +60,7 @@ <h4>{% trans "Contact us" %}</h4>
6060
<p><a href="https://twitter.com/ExodusPrivacy" target="_blank" rel="noreferrer" class="btn btn-outline-primary min-w-150px">{% trans "Follow us!" %}</a></p>
6161
</div>
6262
<div class="col-md-4 col-12 mb-4 text-center">
63-
<p><img src="{% static 'img/facebook.svg' %}"></p>
63+
<p><img src="{% static 'img/facebook.svg' %}" alt="{% trans "Facebook logo: an 'f' in a square" %}"></p>
6464
<p>exodusprivacy</p>
6565
<p><a href="https://facebook.com/exodusprivacy" target="_blank" rel="noreferrer" class="btn btn-outline-primary min-w-150px">{% trans "Follow us!" %}</a></p>
6666
</div>

‎exodus/web/templates/base/understand.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ <h1 class="main-title">
1818

1919
<div class="row justify-content-sm-center mb-5">
2020
<div class="col-md-3 col-5 my-auto">
21-
<img class="img-fluid" src="{% static 'img/tracker.svg' %}" alt="trackers">
21+
<img class="img-fluid" src="{% static 'img/tracker.svg' %}" alt="{% trans "Eye on a phone" %}">
2222
</div>
2323
<div class="col-md-5 col-7">
2424
<div class="col-12">
@@ -46,13 +46,13 @@ <h4>{% trans "Permissions" %}</h4>
4646
</div>
4747
</div>
4848
<div class="col-md-3 col-5 my-auto">
49-
<img class="img-fluid" src="{% static 'img/permission.svg' %}" alt="permissions">
49+
<img class="img-fluid" src="{% static 'img/permission.svg' %}" alt="{% trans "Location point on a phone" %}">
5050
</div>
5151
</div>
5252

5353
<div class="row justify-content-sm-center mb-5">
5454
<div class="col-md-3 col-5 my-auto">
55-
<img class="img-fluid" src="{% static 'img/alternatives.png' %}" alt="alternatives">
55+
<img class="img-fluid" src="{% static 'img/alternatives.png' %}" alt="{% trans "Tree hearts on a phone" %}">
5656
</div>
5757
<div class="col-md-5 col-7">
5858
<div class="col-12">

0 commit comments

Comments
 (0)