Improve acccessibility with more localized alt text.

This commit is contained in:
天クマ 2026-07-05 14:37:18 -03:00
commit 338bdadd76
9 changed files with 58 additions and 20 deletions

View file

@ -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" %}

View file

@ -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>

View file

@ -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 %}>

View file

@ -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>

View file

@ -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>