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

components/ContentType/HotelPage/PreviewImages/index.tsx

@@ -7,10 +7,16 @@ import styles from "./previewImages.module.css"
 
 import type { PreviewImagesProps } from "@/types/components/hotelPage/previewImages"
 
-export default async function PreviewImages({ images }: PreviewImagesProps) {
+export default async function PreviewImages({
+  images,
+  hotelName,
+}: PreviewImagesProps) {
   const intl = await getIntl()
+  const imageGalleryText = intl.formatMessage({ id: "Image gallery" })
+  const dialogTitle = `${hotelName} - ${imageGalleryText}`
+
   return (
-    <Lightbox images={images}>
+    <Lightbox images={images} dialogTitle={dialogTitle}>
       <div className={styles.imageWrapper}>
         {images.slice(0, 3).map((image, index) => (
           <Image

components/ContentType/HotelPage/index.tsx

@@ -33,7 +33,7 @@ export default async function HotelPage() {
   return (
     <div className={styles.pageContainer}>
       <div className={styles.hotelImages}>
-        <PreviewImages images={hotelImages} />
+        <PreviewImages images={hotelImages} hotelName={hotelName} />
       </div>
       <TabNavigation />
       <main className={styles.mainSection}>