scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/BOOK-629-aria-label-social-media (pull request #3259)

Browse Source 
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
This commit is contained in:
Bianca Widstam
2025-12-02 13:21:14 +00:00
parent d6ed81d90b
commit c6d0223edb
1 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/booking-flow/lib/components/HotelDetailsSidePeek/ContactInformation/index.tsx
View File

@@ -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>