Improve a11y of language selector

src/components/language-select.astro

@@ -11,8 +11,8 @@ import { languages } from "@i18n/translations";
 const initialLanguage = "en";
 ---
 
-<div>
+<label data-translate="language">
-	<span data-translate="language">Language:</span>
+	Language:
 	<select
 		name="language"
 		id="language"
@@ -30,7 +30,7 @@ const initialLanguage = "en";
 			})
 		}
 	</select>
-</div>
+</label>
 
 <script>
 	import { findBestLanguage } from "@i18n/engine";

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:",

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!’",
+    "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:",
+    "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:",

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:",

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 ! »",
+    "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 :",
+    "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 :",

src/i18n/translations/ru.json

@@ -1,7 +1,7 @@
 {
     "title": "Share₂Fedi — инстанс-независимая share-страница для Федивёрса",
-    "metaDescription": "Share₂Fedi — это share-страница для Mastodon, Misskey, Friendica и других сервисов. Введите текст поста и URL-адрес инстанса и нажмите «Опубликовать!».",
+    "metaDescription": "Share₂Fedi — это share-страница для Mastodon, Misskey, Friendica и других сервисов. Введите текст поста и URL-адрес инстанса и нажмите «Опубликовать»!",
-    "language": "Язык:",
+    "language": "Язык: {}",
     "description": "Share₂Fedi — это инстанс-независимая share-страница для {}. С её помощью вы можете делиться информацией на различных федеративных платформах с одной страницы.",
     "fediverse": "Федивёрса",
     "supportedProjects": "Поддерживаемые проекты:",

src/styles/main.scss

@@ -94,7 +94,7 @@ strong {
 	font-weight: bolder;
 }
 
-label {
+form label {
 	display: block;
 	margin-bottom: 1rem;
 }