fix(BOOK-468): Added inert attribute to SidePeekSEO element to ignore tab navigation and screen readers
Approved-by: Linus Flood
This commit is contained in:
@@ -2,6 +2,8 @@ import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
|
||||
import SidePeek from "@scandic-hotels/design-system/SidePeek"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import { env } from "@/env/server"
|
||||
|
||||
import { getIntl } from "@/i18n"
|
||||
import { appendSlugToPathname } from "@/utils/appendSlugToPathname"
|
||||
|
||||
@@ -21,6 +23,7 @@ export default async function MeetingsAndConferencesSidePeek({
|
||||
heading,
|
||||
}: MeetingsAndConferencesSidePeekProps) {
|
||||
const intl = await getIntl()
|
||||
const shouldInert = env.SEO_INERT
|
||||
const { seatingText, roomText } = await getConferenceRoomTexts(meetingRooms)
|
||||
const visibleImages = meetingFacilities?.heroImages.slice(0, 2)
|
||||
const meetingPageHref = await appendSlugToPathname(meetingPageUrl)
|
||||
@@ -33,6 +36,7 @@ export default async function MeetingsAndConferencesSidePeek({
|
||||
id: "common.close",
|
||||
defaultMessage: "Close",
|
||||
})}
|
||||
shouldInert={shouldInert}
|
||||
>
|
||||
<div className={styles.wrapper}>
|
||||
<Typography variant="Title/Subtitle/lg">
|
||||
|
||||
Reference in New Issue
Block a user