From c6d0223edbdb581191d5544c98000256189fc6e4 Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Tue, 2 Dec 2025 13:21:14 +0000
Subject: [PATCH] Merged in fix/BOOK-629-aria-label-social-media (pull request
 #3259)

fix(BOOK-629): add aria-label to social media on sidepeek

* fix(BOOK-629): add aria-label to social media on sidepeek

* fix(BOOK-629): add aria-label for social media


Approved-by: Erik Tiekstra
---
 .../ContactInformation/index.tsx              | 32 ++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/packages/booking-flow/lib/components/HotelDetailsSidePeek/ContactInformation/index.tsx b/packages/booking-flow/lib/components/HotelDetailsSidePeek/ContactInformation/index.tsx
index b07b79043..e54ea43a2 100644
--- a/packages/booking-flow/lib/components/HotelDetailsSidePeek/ContactInformation/index.tsx
+++ b/packages/booking-flow/lib/components/HotelDetailsSidePeek/ContactInformation/index.tsx
@@ -98,13 +98,37 @@ export function ContactInformation({
               </p>
               <div className={styles.socialIcons}>
                 {socials.instagram && (
-                  <NextLink href={socials.instagram}>
-                    <InstagramIcon color="Icon/Interactive/Default" />
+                  <NextLink
+                    target="_blank"
+                    href={socials.instagram}
+                    rel="noopener noreferrer"
+                    title={intl.formatMessage({
+                      id: "common.linkOpenInNewTab",
+                      defaultMessage: "Opens in a new tab/window",
+                    })}
+                  >
+                    <InstagramIcon
+                      color="Icon/Interactive/Default"
+                      // eslint-disable-next-line formatjs/no-literal-string-in-jsx
+                      aria-label="Instagram"
+                    />
                   </NextLink>
                 )}
                 {socials.facebook && (
-                  <NextLink href={socials.facebook}>
-                    <FacebookIcon color="Icon/Interactive/Default" />
+                  <NextLink
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    href={socials.facebook}
+                    title={intl.formatMessage({
+                      id: "common.linkOpenInNewTab",
+                      defaultMessage: "Opens in a new tab/window",
+                    })}
+                  >
+                    <FacebookIcon
+                      color="Icon/Interactive/Default"
+                      // eslint-disable-next-line formatjs/no-literal-string-in-jsx
+                      aria-label="Facebook"
+                    />
                   </NextLink>
                 )}
               </div>