seb/reactShop
1
0
Fork 0
Code Issues Pull Requests Activity

feat: implement accessibility improvements by ensuring alt text is always present on image error events and initialize accessibility checking in App component

Browse Source
This commit is contained in:
sebseb7
2025-07-21 01:39:50 +02:00
parent d70fac24ed
commit bad176a6d1
4 changed files with 263 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/Product.js
View File

@@ -308,6 +308,12 @@ class Product extends Component {
alt={name}
fetchPriority={this.props.priority === 'high' ? 'high' : 'auto'}
loading={this.props.priority === 'high' ? 'eager' : 'lazy'}
onError={(e) => {
// Ensure alt text is always present even on error
if (!e.target.alt) {
e.target.alt = name || 'Produktbild';
}
}}
sx={{
objectFit: 'contain',
borderTopLeftRadius: '8px',
@@ -323,6 +329,12 @@ class Product extends Component {
alt={name}
fetchPriority={this.props.priority === 'high' ? 'high' : 'auto'}
loading={this.props.priority === 'high' ? 'eager' : 'lazy'}
onError={(e) => {
// Ensure alt text is always present even on error
if (!e.target.alt) {
e.target.alt = name || 'Produktbild';
}
}}
sx={{
objectFit: 'contain',
borderTopLeftRadius: '8px',