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 <IconButton
size="small" size="small"
disableRipple disableRipple
aria-label="Zoom-Symbol"
sx={{ sx={{
position: 'absolute', position: 'absolute',
top: 8, top: 8,
@@ -293,6 +294,7 @@ class Images extends Component {
{/* Close Button */} {/* Close Button */}
<IconButton <IconButton
onClick={this.props.onCloseFullscreen} onClick={this.props.onCloseFullscreen}
aria-label="Vollbild schließen"
sx={{ sx={{
position: 'absolute', position: 'absolute',
top: 16, top: 16,

View File

@@ -228,6 +228,7 @@ class PhotoUpload extends Component {
size="small" size="small"
onClick={() => this.handleRemoveFile(index)} onClick={() => this.handleRemoveFile(index)}
disabled={disabled} disabled={disabled}
aria-label="Bild entfernen"
sx={{ sx={{
position: 'absolute', position: 'absolute',
top: 4, top: 4,

View File

@@ -283,6 +283,7 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
size="small" size="small"
color="primary" color="primary"
onClick={() => handleViewDetails(order.orderId)} onClick={() => handleViewDetails(order.orderId)}
aria-label={t ? t('orders.tooltips.viewDetails') : 'Details anzeigen'}
> >
<SearchIcon /> <SearchIcon />
</IconButton> </IconButton>
@@ -293,6 +294,7 @@ const OrdersTab = ({ orderIdFromHash, t }) => {
size="small" size="small"
color="error" color="error"
onClick={() => handleCancelClick(order)} onClick={() => handleCancelClick(order)}
aria-label={t ? t('orders.tooltips.cancelOrder') : 'Bestellung stornieren'}
> >
<CancelIcon /> <CancelIcon />
</IconButton> </IconButton>