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:
@@ -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,
|
||||||
|
|||||||
@@ -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,
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user