From c30d7e25c45c6b41e0fde8b24be6ba28e417c3fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20V=C3=A1gner?= <pvdeejay@gmail.com>
Date: Fri, 24 Oct 2025 19:05:25 +0200
Subject: [PATCH 1/2] Add text descriptions to image only buttons usefull for
 screen reader users

---
 src/components/FileItem.tsx   | 3 ++-
 src/components/FilePicker.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/FileItem.tsx b/src/components/FileItem.tsx
index d5d686a..0d4b938 100644
--- a/src/components/FileItem.tsx
+++ b/src/components/FileItem.tsx
@@ -66,7 +66,7 @@ export default function FileItem({ manager, file }: Props) {
       background: "#32CD32",
     };
     return (
-      <button style={style} onClick={() => manager.exportFile(file)}>
+      <button style={style} onClick={() => manager.exportFile(file)} aria-label="Share">
         <MageDownload style={{ fontSize: "2em" }} />
       </button>
     );
@@ -77,6 +77,7 @@ export default function FileItem({ manager, file }: Props) {
       <button
         style={{ ...btnStyle, background: "#da342f" }}
         onClick={() => manager.deleteFile(file.id)}
+        aria-label="Delete"
       >
         <MageTrash2Fill style={{ fontSize: "2em" }} />
       </button>
diff --git a/src/components/FilePicker.tsx b/src/components/FilePicker.tsx
index 7fe60b2..88fbc37 100644
--- a/src/components/FilePicker.tsx
+++ b/src/components/FilePicker.tsx
@@ -45,7 +45,7 @@ export default function FilePicker({ manager }: Props) {
 
   //console.log("FILE PICKER RERENDERED");
   return (
-    <button onClick={onClick} style={pickerStyle}>
+    <button onClick={onClick} style={pickerStyle} aria-label="Add files">
       <MagePlus style={{ verticalAlign: "middle" }} />
       <input
         type="file"

From e09c1c63af921ac71844d98da0d434d6ecb16ce6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Peter=20V=C3=A1gner?= <pvdeejay@gmail.com>
Date: Sat, 25 Oct 2025 22:25:47 +0200
Subject: [PATCH 2/2] Fix code style

---
 src/components/FileItem.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/FileItem.tsx b/src/components/FileItem.tsx
index 0d4b938..9ecc471 100644
--- a/src/components/FileItem.tsx
+++ b/src/components/FileItem.tsx
@@ -66,7 +66,11 @@ export default function FileItem({ manager, file }: Props) {
       background: "#32CD32",
     };
     return (
-      <button style={style} onClick={() => manager.exportFile(file)} aria-label="Share">
+      <button
+        style={style}
+        onClick={() => manager.exportFile(file)}
+        aria-label="Share"
+      >
         <MageDownload style={{ fontSize: "2em" }} />
       </button>
     );