Merged in feat/BOOK-119-accessibility-replace-radiogroup (pull request #3081)

feat(BOOK-119): replace radio group on select rate with buttons and make them accessible

* feat(BOOK-119): replace radio group on select rate with buttons and make them accessible

* feat(BOOK-119): update roomNR

* feat(BOOK-119): update onpress and buttonOverlay name change


Approved-by: Erik Tiekstra

packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/MultiRoomWrapper/index.tsx

@@ -96,7 +96,24 @@ export function MultiRoomWrapper({ children, isMultiRoom, roomIndex }: Props) {
       selected: !!selectedRate && !isActiveRoom,
     })
     return (
-      <div className={styles.roomContainer} data-multiroom="true">
+      <div
+        className={styles.roomContainer}
+        data-multiroom="true"
+        aria-labelledby={`room-${roomNr}-heading`}
+        role="region"
+      >
+        <h2 id={`room-${roomNr}-heading`} className="sr-only">
+          {intl.formatMessage(
+            {
+              id: "booking.roomIndex",
+              defaultMessage: "Room {roomIndex}",
+            },
+            {
+              roomIndex: roomNr,
+            }
+          )}
+        </h2>
+
         <div className={styles.header}>
           {selectedRate && !isActiveRoom ? null : (
             <Subtitle color="uiTextHighContrast">{title}</Subtitle>