fixed minor navigation issues

src/lib/elements/LanguageSelector.svelte

@@ -32,10 +32,17 @@
 
 	const globeLookup: svgCore.IconLookup = { prefix: 'fas', iconName: 'globe-europe' };
 	const globeDefinition: svgCore.IconDefinition = svgCore.findIconDefinition(globeLookup);
+	const buttonLabel: { [key: CurrentLanguage[number]]: string } = {
+		it: 'seleziona la lingua',
+		en: 'select language'
+	};
 </script>
 
 <div class="language-selector">
-	<button on:click={setOpen}> <FontAwesomeIcon icon={globeDefinition} size="2x" /> </button>
+	<button on:click={setOpen}>
+		<FontAwesomeIcon icon={globeDefinition} size="2x" /><span>{buttonLabel[currentLanguage]}</span
+		></button
+	>
 	<div class="button-container" bind:this={langSelect}>
 		<button
 			class="custom-button {currentLanguage == 'it' ? 'custom-button-active' : ''}"
@@ -76,6 +83,16 @@
 		border: none;
 		width: 60px;
 		height: 50px;
+		span {
+			border: 0;
+			clip: rect(0 0 0 0);
+			height: 1px;
+			margin: -1px;
+			overflow: hidden;
+			padding: 0;
+			position: absolute;
+			width: 1px;
+		}
 	}
 	.custom-button {
 		width: 100px;