Improve acccessibility with more localized alt text.
This commit is contained in:
parent
f4fc14c66d
commit
338bdadd76
9 changed files with 58 additions and 20 deletions
|
|
@ -51,7 +51,7 @@
|
|||
</noscript>
|
||||
|
||||
<div id="everythingHelper">
|
||||
<img src="{{ ('/static/images/' ~ (background or 'bear.jpg')) | url }}" class="bg">
|
||||
<img src="{{ ('/static/images/' ~ (background or 'bear.jpg')) | url }}" class="bg" alt="{{ i18n[langKey].bearAlt }}">
|
||||
|
||||
{% include "header.njk" %}
|
||||
|
||||
|
|
|
|||
|
|
@ -12,7 +12,17 @@
|
|||
permissionIssue: "{{ i18n[langKey].permissionIssue | safe }}",
|
||||
permissionIssueNotificationContent: "{{ i18n[langKey].permissionIssueNotificationContent | safe }}",
|
||||
notificationDefaultHint: "{{ i18n[langKey].notificationDefaultHint | safe }}",
|
||||
disableSoundEffects: "{{ i18n[langKey].disableSoundEffects | safe }}"
|
||||
disableSoundEffects: "{{ i18n[langKey].disableSoundEffects | safe }}",
|
||||
windsArtAlt: "{{ i18n[langKey].windsArtAlt | safe }}",
|
||||
velkommenArtAlt: "{{ i18n[langKey].velkommenArtAlt | safe }}",
|
||||
pgArtAlt: "{{ i18n[langKey].pgArtAlt | safe }}",
|
||||
gearsAlt: "{{ i18n[langKey].gearsAlt | safe }}",
|
||||
soundOffAlt: "{{ i18n[langKey].soundOffAlt | safe }}",
|
||||
soundOnAlt: "{{ i18n[langKey].soundOnAlt | safe }}",
|
||||
volumeSliderAlt: "{{ i18n[langKey].volumeSliderAlt | safe }}",
|
||||
backgroundCheckAlt: "{{ i18n[langKey].backgroundCheckAlt | safe }}",
|
||||
sfxCheckboxAlt: "{{ i18n[langKey].sfxCheckboxAlt | safe }}",
|
||||
songSelectAlt: "{{ i18n[langKey].songSelectAlt | safe }}",
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -12,12 +12,12 @@
|
|||
>
|
||||
{% endmacro %}
|
||||
|
||||
{% macro videoCard(videoLink, videoTitle, videoImage, videoWebsite, videoDuration, videoAccent) %}
|
||||
{% macro videoCard(videoLink, videoTitle, videoImage, videoWebsite, videoDuration, videoAccent, imageAlt = i18n[langKey].videoArtworkAlt) %}
|
||||
<div class="youtubeCardHolderHelper">
|
||||
<div class="youtubeCardHolder">
|
||||
<a href="{{ videoLink }}">
|
||||
<div class="blogpostYoutubeVideo" {% if videoAccent %}style="border-color: {{ videoAccent }};"{% endif %}>
|
||||
<img src="{{ ('/static/images' ~ videoImage) | url }}">
|
||||
<img src="{{ ('/static/images' ~ videoImage) | url }}" alt="{{ imageAlt }}">
|
||||
<div class="videoHeader">
|
||||
{# <p class="alsoAvailable">{{ i18n[langKey].alsoAvailableAsVideo }}:</p> #}
|
||||
<h2 class="videoTitle" {% if videoAccent %}style="color: {{ videoAccent }};"{% endif %}>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<center>
|
||||
<div class="droidringwidget">
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home"><img src="https://kanandraw.neocities.org/stuffs/droidring/assets/logo.png" style="width: 200px; padding: .4em;"></a><br/>
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home"><img src="https://kanandraw.neocities.org/stuffs/droidring/assets/logo.png" style="width: 200px; padding: .4em;" alt="Droidring"></a><br/>
|
||||
<!-- <img src="https://kanandraw.neocities.org/stuffs/droidring/assets/droidwidget.png" style="width: 115px;"><br> -->
|
||||
<div class="buttonsdroidring">
|
||||
<a href="https://kanandraw.neocities.org/stuffs/droidring/home?action=previous"><button class="navdroidring" data-tip="{{ i18n[langKey].previousSite | smartTitle }}">←</button></a>
|
||||
|
|
|
|||
|
|
@ -3,5 +3,5 @@
|
|||
<h1 class="negativeMargin">{{ i18n[langKey].liked | smartTitle }}?</h1>
|
||||
<hr style="margin-bottom: .4em;">
|
||||
</div>
|
||||
<a href='http://internetometer.com/give/52060'><img src='http://internetometer.com/image/52060.png'/></a>
|
||||
<a href='http://internetometer.com/give/52060'><img src='http://internetometer.com/image/52060.png' alt="Internetometer"/></a>
|
||||
</div>
|
||||
Loading…
Reference in a new issue