From 4bf328a7126f51252137266ab1597f9963618c18 Mon Sep 17 00:00:00 2001
From: Julien WITTOUCK <julien@codeka.io>
Date: Fri, 22 May 2026 15:13:26 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20:=20improve=20translation=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/custom.css                |  4 ++++
 i18n/en.yml                          |  2 +-
 i18n/fr.yml                          |  2 +-
 layouts/_partials/post/i18nlist.html | 28 ++++++++++++++++++++--------
 4 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 90014a4..6abec96 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -413,4 +413,8 @@ blockquote.alert::before{
             margin-bottom: 0;
         }
     }
+}
+
+.article-translations {
+    margin-bottom: 1rem;
 }
\ No newline at end of file
diff --git a/i18n/en.yml b/i18n/en.yml
index 47d70dd..c51bfa2 100644
--- a/i18n/en.yml
+++ b/i18n/en.yml
@@ -9,7 +9,7 @@ series-description: 'This is a post in the series '
 series-title: 'Article Series: '
 series-other: 'Other posts in this series: '
 
-translations: Translations
+translations: 🌐 Article aussi disponible en
 
 old-post: This article was written more than two years ago. It may be obsolete.
 
diff --git a/i18n/fr.yml b/i18n/fr.yml
index 10ac6b6..53334c4 100644
--- a/i18n/fr.yml
+++ b/i18n/fr.yml
@@ -9,7 +9,7 @@ series-description: "Ce post fait partie de la série d'articles "
 series-title: "Série d'articles : "
 series-other: "Autres posts de cette série : "
 
-translations: Traductions
+translations: 🌐 Article also available in
 
 old-post: Cet article a été rédigé il y a plus de deux ans. Il est peut-être obsolète.
 
diff --git a/layouts/_partials/post/i18nlist.html b/layouts/_partials/post/i18nlist.html
index 12c0d68..2150a66 100644
--- a/layouts/_partials/post/i18nlist.html
+++ b/layouts/_partials/post/i18nlist.html
@@ -1,10 +1,22 @@
-{{ if .IsTranslated }}
-<h4>{{ i18n "translations" }}</h4>
-<ul>
-    {{ range .Translations }}
-    <li>
-        <a href="{{ .RelPermalink }}">{{ .Language.LanguageName }} : {{ .LinkTitle }}</a>
-    </li>
+{{ with .Translations }}
+<nav class="article-translations" aria-label="Article languages">
+    <span>{{ i18n "translations" }}</span>
+    {{ range . }}
+    {{ if eq .Language.Lang $.Language.Lang }}
+    <span
+            aria-current="page"
+            lang="{{ .Language.Lang }}"
+    >
+        {{ .Language.LanguageName }}
+      </span>
+    {{ else }}
+    <a
+            href="{{ .RelPermalink }}"
+            lang="{{ .Language.Lang }}"
+    >
+        {{ .Language.LanguageName }}
+    </a>
     {{ end }}
-</ul>
+    {{ end }}
+</nav>
 {{ end }}
\ No newline at end of file
-- 
2.51.2