tenkuma/web
tenkuma/web
Watch
1
0
Fork
You've already forked web
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve acccessibility with more localized alt text.

Browse source
This commit is contained in:
天クマ 2026-07-05 14:37:18 -03:00
commit 338bdadd76
9 changed files with 58 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

28
site/_data/i18n.cjs
View file

@ -100,7 +100,19 @@ module.exports = {
mastodonPageDescription: "This is an archive of all my Mastodon posts.",
addMe: "Add me",
socialContentNotRated: "Social content is not rated and may mention topics not appropriate for all ages.",
clickHereToContinue: "Click here to continue"
clickHereToContinue: "Click here to continue",
windsArtAlt: "First Winds album artwork",
velkommenArtAlt: "Velkommen song artwork",
pgArtAlt: "Frugal APE song artwork",
bearAlt: "Background image. White bear swimming in water that reverberates around it.",
gearsAlt: "Gears",
soundOffAlt: "Audio disabled",
soundOnAlt: "Audio enabled",
volumeSliderAlt: "Volume",
backgroundCheckAlt: "Background image",
sfxCheckboxAlt: "Sound effects",
videoArtworkAlt: "Video artwork",
songSelectAlt: "Song selector"
},
pt: {
language: "português",
@ -176,6 +188,18 @@ module.exports = {
mastodonPageDescription: "Essa página lista todas as minhas postagens do Mastodon.",
addMe: "Me adicionar",
socialContentNotRated: "Conteúdo das redes sociais não é monitorado e pode conter tópicos não apropriados para todas as idades.",
clickHereToContinue: "Clique aqui para continuar"
clickHereToContinue: "Clique aqui para continuar",
windsArtAlt: "Capa do album First Winds",
velkommenArtAlt: "Capa da música Velkommen",
pgArtAlt: "Capa da música Frugal APE",
bearAlt: "Imagem de fundo. Urso branco nadando na água que reverbera ao seu redor.",
gearsAlt: "Engrenagens",
soundOffAlt: "Áudio desligado",
soundOnAlt: "Áudio ligado",
volumeSliderAlt: "Volume",
backgroundCheckAlt: "Imagem de fundo",
sfxCheckboxAlt: "Efeitos sonoros",
videoArtworkAlt: "Capa do vídeo",
songSelectAlt: "Seletor de música"
}
};

2
site/_includes/base.njk
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" %}

12
site/_includes/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>

4
site/_includes/macros.njk
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 %}>

2
site/_includes/widgets/droidring.html
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>

2
site/_includes/widgets/internetometer-aside.html
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>

3
site/index.njk
View file

@ -87,7 +87,8 @@ headerLink: home
i18n["global"].homeSongImage,
i18n["global"].homeSongWebsite,
i18n["global"].homeSongDuration,
i18n["global"].homeSongAccent
i18n["global"].homeSongAccent,
i18n[langKey].velkommenArtAlt
)
}}
</div>