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

Improve PhotoGrid screen reader accessibility

Browse Source 
Co-authored-by: ralksta <16941050+ralksta@users.noreply.github.com>
This commit is contained in:
google-labs-jules[bot]
2026-05-05 10:24:39 +00:00
parent 56f0305763
commit ebf60b12c3
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>
)} )}