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

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

View File

@@ -33,6 +33,12 @@ const ProductImage = ({
alt={product.name}
fetchPriority="high"
loading="eager"
onError={(e) => {
// Ensure alt text is always present even on error
if (!e.target.alt) {
e.target.alt = product.name || 'Produktbild';
}
}}
sx={{ objectFit: "cover" }}
/>
)}