From be303e8a689a62cce5fa51c62b7c88392b363458 Mon Sep 17 00:00:00 2001
From: Prozilla <business@prozilla.dev>
Date: Mon, 14 Aug 2023 19:54:51 +0200
Subject: [PATCH] Improved accessibility

---
 .../applications/file-explorer/FileExplorer.jsx          | 1 +
 src/components/applications/settings/Settings.jsx        | 1 +
 src/components/applications/terminal/Terminal.jsx        | 1 +
 src/components/task-bar/menus/SearchMenu.jsx             | 1 +
 src/styles/global/fonts.css                              | 9 +++++++++
 5 files changed, 13 insertions(+)

diff --git a/src/components/applications/file-explorer/FileExplorer.jsx b/src/components/applications/file-explorer/FileExplorer.jsx
index 57f45c0..9befb74 100644
--- a/src/components/applications/file-explorer/FileExplorer.jsx
+++ b/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}
diff --git a/src/components/applications/settings/Settings.jsx b/src/components/applications/settings/Settings.jsx
index 29da9be..a2828e9 100644
--- a/src/components/applications/settings/Settings.jsx
+++ b/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}
 						/>
diff --git a/src/components/applications/terminal/Terminal.jsx b/src/components/applications/terminal/Terminal.jsx
index b93a9f7..5a5d360 100644
--- a/src/components/applications/terminal/Terminal.jsx
+++ b/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();
diff --git a/src/components/task-bar/menus/SearchMenu.jsx b/src/components/task-bar/menus/SearchMenu.jsx
index ae42805..fec7f2b 100644
--- a/src/components/task-bar/menus/SearchMenu.jsx
+++ b/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}
diff --git a/src/styles/global/fonts.css b/src/styles/global/fonts.css
index 96b4fc8..be0ead5 100644
--- a/src/styles/global/fonts.css
+++ b/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;
 }
\ No newline at end of file