From 603871f20e394742e750846df18a95412d8326ad Mon Sep 17 00:00:00 2001
From: Nikita Karamov <me@kytta.dev>
Date: Sat, 2 Sep 2023 19:05:10 +0200
Subject: [PATCH] Improve a11y of language selector

---
 src/components/language-select.astro | 6 +++---
 src/i18n/translations/de.json        | 2 +-
 src/i18n/translations/en.json        | 4 ++--
 src/i18n/translations/es.json        | 2 +-
 src/i18n/translations/fr.json        | 4 ++--
 src/i18n/translations/ru.json        | 4 ++--
 src/styles/main.scss                 | 2 +-
 7 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/language-select.astro b/src/components/language-select.astro
index 5b8a7ef..b80a206 100644
--- a/src/components/language-select.astro
+++ b/src/components/language-select.astro
@@ -11,8 +11,8 @@ import { languages } from "@i18n/translations";
 const initialLanguage = "en";
 ---
 
-<div>
-	<span data-translate="language">Language:</span>
+<label data-translate="language">
+	Language:
 	<select
 		name="language"
 		id="language"
@@ -30,7 +30,7 @@ const initialLanguage = "en";
 			})
 		}
 	</select>
-</div>
+</label>
 
 <script>
 	import { findBestLanguage } from "@i18n/engine";
diff --git a/src/i18n/translations/de.json b/src/i18n/translations/de.json
index fb75075..78ac46d 100644
--- a/src/i18n/translations/de.json
+++ b/src/i18n/translations/de.json
@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — eine instanzunabhängige Share-Seite für das Fediverse",
     "metaDescription": "Share₂Fedi ist eine Share-Seite für Mastodon, Misskey, Friendica und andere. Geben Sie Ihren Beitragstext und die Instanz-URL ein und klicken Sie auf „Veröffentlichen“!",
-    "language": "Sprache:",
+    "language": "Sprache: {}",
     "description": "Share₂Fedi ist eine instanzunabhängige Share-Seite für {}. Mit ihr können Sie von einer einzigen Seite aus auf verschiedenen föderierten Plattformen posten.",
     "fediverse": "das Fediverse",
     "supportedProjects": "Unterstützte Projekte:",
diff --git a/src/i18n/translations/en.json b/src/i18n/translations/en.json
index 4359fe0..0bd68a3 100644
--- a/src/i18n/translations/en.json
+++ b/src/i18n/translations/en.json
@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — an instance-agnostic share page for the Fediverse",
-    "metaDescription": "Share₂Fedi is a share page for Mastodon, Misskey, Friendica, and others. Type in your post text and the instance URL and click ‘Publish!’",
-    "language": "Language:",
+    "metaDescription": "Share₂Fedi is a share page for Mastodon, Misskey, Friendica, and others. Type in your post text and the instance URL and click ‘Publish’!",
+    "language": "Language: {}",
     "description": "Share₂Fedi is an instance-agnostic share page for {}. With it, you can post to various federated platforms from a single page.",
     "fediverse": "the Fediverse",
     "supportedProjects": "Supported projects:",
diff --git a/src/i18n/translations/es.json b/src/i18n/translations/es.json
index 04deb02..843e0a0 100644
--- a/src/i18n/translations/es.json
+++ b/src/i18n/translations/es.json
@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — una página de compartir independiente de la instancia para el Fediverso",
     "metaDescription": "Share₂Fedi es una página de compartir para Mastodon, Misskey, Friendica y otros. ¡Escriba su texto de publicación y la URL de la instancia y haga clic en «Publicar»!",
-    "language": "Idioma:",
+    "language": "Idioma: {}",
     "description": "Share₂Fedi es una página de compartir independiente de la instancia para {}. Con ella, puede publicar en varias plataformas federadas desde una sola página.",
     "fediverse": "el Fediverso",
     "supportedProjects": "Proyectos compatibles:",
diff --git a/src/i18n/translations/fr.json b/src/i18n/translations/fr.json
index de47f10..f6ac02e 100644
--- a/src/i18n/translations/fr.json
+++ b/src/i18n/translations/fr.json
@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — une page de partage indépendante pour le Fediverse",
-    "metaDescription": "Share₂Fedi est une page de partage pour Mastodon, Misskey, Friendica et autres. Tapez votre texte de publication et l’URL de l’instance, puis cliquez sur « Publier ! »",
-    "language": "Langue :",
+    "metaDescription": "Share₂Fedi est une page de partage pour Mastodon, Misskey, Friendica et autres. Tapez votre texte de publication et l’URL de l’instance, puis cliquez sur « Publier » !",
+    "language": "Langue : {}",
     "description": "Share₂Fedi est une page de partage indépendante pour {}. Avec elle, vous pouvez publier sur diverses plateformes fédérées depuis une seule page.",
     "fediverse": "le Fediverse",
     "supportedProjects": "Projets pris en charge :",
diff --git a/src/i18n/translations/ru.json b/src/i18n/translations/ru.json
index d9a0b40..7059736 100644
--- a/src/i18n/translations/ru.json
+++ b/src/i18n/translations/ru.json
@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — инстанс-независимая share-страница для Федивёрса",
-    "metaDescription": "Share₂Fedi — это share-страница для Mastodon, Misskey, Friendica и других сервисов. Введите текст поста и URL-адрес инстанса и нажмите «Опубликовать!».",
-    "language": "Язык:",
+    "metaDescription": "Share₂Fedi — это share-страница для Mastodon, Misskey, Friendica и других сервисов. Введите текст поста и URL-адрес инстанса и нажмите «Опубликовать»!",
+    "language": "Язык: {}",
     "description": "Share₂Fedi — это инстанс-независимая share-страница для {}. С её помощью вы можете делиться информацией на различных федеративных платформах с одной страницы.",
     "fediverse": "Федивёрса",
     "supportedProjects": "Поддерживаемые проекты:",
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 1016fb4..aa61994 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -94,7 +94,7 @@ strong {
 	font-weight: bolder;
 }
 
-label {
+form label {
 	display: block;
 	margin-bottom: 1rem;
 }