feat: add aria-label attributes to Image and PhotoUpload components for improved accessibility, and enhance OrdersTab with localized aria-labels for better user experience

This commit is contained in:
sebseb7
2025-07-21 01:24:55 +02:00
parent 24b762b9d6
commit c4bd28ba92
3 changed files with 5 additions and 0 deletions

View File

@@ -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,

View File

@@ -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,

View File

@@ -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>