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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user