Koko210/immich-folio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge PR #163

Browse Source 
🎨 Palette: Improve PhotoGrid screen reader accessibility
This commit is contained in:
Ralksta
2026-05-06 11:59:42 +02:00
committed by GitHub
parent 56f0305763 ebf60b12c3
commit 08207e2f16
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/[...path]/PhotoGrid.tsx
View File

@@ -155,6 +155,7 @@ export function PhotoGrid({ assets, layout = 'masonry', gridStyle }: PhotoGridPr
role="button" role="button"
tabIndex={0} tabIndex={0}
aria-label={`View photo ${index + 1}`} aria-label={`View photo ${index + 1}`}
aria-haspopup="dialog"
style={{ style={{
...(asset.dominantColor ? { backgroundColor: asset.dominantColor } : {}), ...(asset.dominantColor ? { backgroundColor: asset.dominantColor } : {}),
...((layout === 'masonry' || layout === 'showcase') && asset.aspectRatio ...((layout === 'masonry' || layout === 'showcase') && asset.aspectRatio
@@ -173,7 +174,7 @@ export function PhotoGrid({ assets, layout = 'masonry', gridStyle }: PhotoGridPr
: {})} : {})}
/> />
{(asset.camera || asset.lens) && ( {(asset.camera || asset.lens) && (
<div className="photo-grid__item-exif"> <div className="photo-grid__item-exif" aria-hidden="true">
{[asset.camera, asset.lens, asset.focalLength].filter(Boolean).join(' · ')} {[asset.camera, asset.lens, asset.focalLength].filter(Boolean).join(' · ')}
</div> </div>
)} )}