Merged in fix/BOOK-119-accessibility-redemption-radiogroup (pull request #3172)

fix(BOOK-119): reward nights accessible radiogroup

* fix(BOOK-119): reward nights accessible radiogroup

* fix(BOOK-119): pr comment focus

* fix(BOOK-119): added roomtype name to the radiogroup for accessibility improvment


Approved-by: Matilda Haneling
Approved-by: Erik Tiekstra
This commit is contained in:
Bianca Widstam
2025-11-20 13:28:21 +00:00
parent b1d7fbad88
commit ebd6e1dc2c
12 changed files with 51 additions and 13 deletions

View File

@@ -19,6 +19,7 @@ interface CodeRateCardProps {
bannerText: string
comparisonRate?: Omit<Rate, 'label'>
approximateRate?: Rate
roomTypeCode: string
isHighlightedRate?: boolean
handleChange: () => void
handleTermsClick?: () => void
@@ -31,6 +32,7 @@ export default function CodeRateCard({
rateTitle,
paymentTerm,
rate,
roomTypeCode,
approximateRate,
comparisonRate,
bannerText,
@@ -53,8 +55,8 @@ export default function CodeRateCard({
onPress={handleChange}
className={styles.buttonOverlay}
aria-pressed={isSelected}
aria-labelledby={`${id}-title`}
aria-describedby={`${id}-details`}
aria-describedby={`${roomTypeCode} ${id}-title`}
aria-labelledby={`${id}-details`}
/>
<Typography variant="Label/xsBold">
<p className={styles.banner}>{bannerText}</p>