feat(SW-337): logic for accesible dialog title text for lightbox

2024-09-09 15:03:37 +02:00
parent 852e817ab7
commit d92308b99d
12 changed files with 32 additions and 11 deletions
--- a/components/Lightbox/Gallery.tsx
+++ b/components/Lightbox/Gallery.tsx
@@ -16,6 +16,7 @@ import type { GalleryProps } from "@/types/components/lightbox/lightbox"

 export default function Gallery({
  images,
+  dialogTitle,
  onClose,
  onSelectImage,
  onImageClick,
@@ -58,7 +59,7 @@ export default function Gallery({
      <div className={styles.desktopGallery}>
        <VisuallyHidden asChild>
          <DialogTitle asChild>
-            <VisuallyHidden>Image Gallery</VisuallyHidden>
+            <VisuallyHidden>{dialogTitle}</VisuallyHidden>
          </DialogTitle>
        </VisuallyHidden>
        <div className={styles.galleryHeader}>