Improved accessibility

src/components/applications/file-explorer/FileExplorer.jsx

@@ -94,6 +94,7 @@ export function FileExplorer({ startPath }) {
 				<input
 					value={path}
 					type="text"
+					aria-label="Path"
 					className={styles["Path-input"]}
 					tabIndex={0}
 					onChange={onPathChange}

src/components/applications/settings/Settings.jsx

@@ -41,6 +41,7 @@ function AppearanceTab({ virtualRoot, settingsManager }) {
 						<input
 							type="radio"
 							value={source}
+							aria-label="Wallpaper image"
 							checked={source === wallpaper ? "checked" : ""}
 							onChange={onChange}
 						/>

src/components/applications/terminal/Terminal.jsx

@@ -45,6 +45,7 @@ function InputLine({ value, prefix, onChange, onKeyUp, onKeyDown, inputRef }) {
 				<input
 					id="input"
 					value={value}
+					aria-label="Command input"
 					onChange={(event) => {
 						onChange(event);
 						checkCursorPosition();

src/components/task-bar/menus/SearchMenu.jsx

@@ -61,6 +61,7 @@ export function SearchMenu({ active, setActive, searchQuery, setSearchQuery, inp
 				<input
 					ref={inputRef}
 					className={styles.Input}
+					aria-label="Search query"
 					tabIndex={tabIndex}
 					value={searchQuery}
 					onChange={onChange}

src/styles/global/fonts.css

@@ -9,51 +9,60 @@
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-Thin.ttf");
 	font-weight: 100;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-ExtraLight.ttf");
 	font-weight: 200;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-Light.ttf");
 	font-weight: 300;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-Regular.ttf");
 	font-weight: 400;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-SemiBold.ttf");
 	font-weight: 500;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-Bold.ttf");
 	font-weight: 600;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-ExtraBold.ttf");
 	font-weight: 700;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Poppins";
 	src: url("/public/media/fonts/Poppins/Poppins-Black.ttf");
 	font-weight: 800;
+	font-display: swap;
 }
 
 @font-face {
 	font-family: "Roboto Mono";
 	src: url("/public/media/fonts/Roboto_Mono/RobotoMono-VariableFont_wght.ttf");
+	font-display: swap;
 }