From c4bd28ba9213a1799378987bb905b043cf1dd7b8 Mon Sep 17 00:00:00 2001
From: sebseb7 <sebgreenbus@gmail.com>
Date: Mon, 21 Jul 2025 01:24:55 +0200
Subject: [PATCH] feat: add aria-label attributes to Image and PhotoUpload
 components for improved accessibility, and enhance OrdersTab with localized
 aria-labels for better user experience

---
 src/components/Images.js            | 2 ++
 src/components/PhotoUpload.js       | 1 +
 src/components/profile/OrdersTab.js | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/src/components/Images.js b/src/components/Images.js
index aa0952d..9190c3e 100644
--- a/src/components/Images.js
+++ b/src/components/Images.js
@@ -192,6 +192,7 @@ class Images extends Component {
           <IconButton
             size="small"
             disableRipple
+            aria-label="Zoom-Symbol"
             sx={{
               position: 'absolute',
               top: 8,
@@ -293,6 +294,7 @@ class Images extends Component {
             {/* Close Button */}
             <IconButton
               onClick={this.props.onCloseFullscreen}
+              aria-label="Vollbild schließen"
               sx={{
                 position: 'absolute',
                 top: 16,
diff --git a/src/components/PhotoUpload.js b/src/components/PhotoUpload.js
index c33edc6..83b8e06 100644
--- a/src/components/PhotoUpload.js
+++ b/src/components/PhotoUpload.js
@@ -228,6 +228,7 @@ class PhotoUpload extends Component {
                     size="small"
                     onClick={() => this.handleRemoveFile(index)}
                     disabled={disabled}
+                    aria-label="Bild entfernen"
                     sx={{
                       position: 'absolute',
                       top: 4,
diff --git a/src/components/profile/OrdersTab.js b/src/components/profile/OrdersTab.js
index 6619102..850802f 100644
--- a/src/components/profile/OrdersTab.js
+++ b/src/components/profile/OrdersTab.js
@@ -283,6 +283,7 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
                             size="small"
                             color="primary"
                             onClick={() => handleViewDetails(order.orderId)}
+                            aria-label={t ? t('orders.tooltips.viewDetails') : 'Details anzeigen'}
                           >
                             <SearchIcon />
                           </IconButton>
@@ -293,6 +294,7 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
                               size="small"
                               color="error"
                               onClick={() => handleCancelClick(order)}
+                              aria-label={t ? t('orders.tooltips.cancelOrder') : 'Bestellung stornieren'}
                             >
                               <CancelIcon />
                             </IconButton>