diff --git a/dotcom-rendering/src/components/Carousel.island.tsx b/dotcom-rendering/src/components/Carousel.island.tsx
index b5a826bb843..d09fe9a094b 100644
--- a/dotcom-rendering/src/components/Carousel.island.tsx
+++ b/dotcom-rendering/src/components/Carousel.island.tsx
@@ -927,9 +927,6 @@ export const Carousel = ({
 					]}
 					data-component={onwardsSource}
 					data-link={formatAttrString(heading)}
-					role="region"
-					aria-roledescription="carousel"
-					aria-label={heading}
 				>
 					<Header
 						heading={heading}
@@ -947,6 +944,9 @@ export const Carousel = ({
 					<ul
 						css={carouselStyle}
 						ref={carouselRef}
+						aria-label={heading}
+						role="region"
+						aria-roledescription="carousel"
 						data-component={`carousel-small | maxIndex-${maxIndex}`}
 						data-heatphan-type="carousel"
 						onTouchStart={isApps ? onTouchStart : undefined}
diff --git a/dotcom-rendering/src/components/CarouselNavigationButtons.tsx b/dotcom-rendering/src/components/CarouselNavigationButtons.tsx
index 4274c36ba94..7d52d68695f 100644
--- a/dotcom-rendering/src/components/CarouselNavigationButtons.tsx
+++ b/dotcom-rendering/src/components/CarouselNavigationButtons.tsx
@@ -89,7 +89,7 @@ export const CarouselNavigationButtons = ({
 	return ReactDOM.createPortal(
 		<div
 			role="group"
-			aria-controls="carousel"
+			aria-controls={`${sectionId}-carousel`}
 			aria-label="carousel arrows"
 			css={buttonStyles}
 		>
diff --git a/dotcom-rendering/src/components/ScrollableCarousel.tsx b/dotcom-rendering/src/components/ScrollableCarousel.tsx
index 3cfaede1207..faf04eb9df7 100644
--- a/dotcom-rendering/src/components/ScrollableCarousel.tsx
+++ b/dotcom-rendering/src/components/ScrollableCarousel.tsx
@@ -393,6 +393,7 @@ export const ScrollableCarousel = ({
 					),
 					stackedCardRowsStyles(shouldStackCards),
 				]}
+				id={`${sectionId}-carousel`}
 				data-heatphan-type="carousel"
 				onFocus={scrollToCardOnFocus}
 				{...(isBelowTabletBreakpoint && {
diff --git a/dotcom-rendering/src/components/ScrollableProduct.island.tsx b/dotcom-rendering/src/components/ScrollableProduct.island.tsx
index 7fe38e8c373..fd826f5d30a 100644
--- a/dotcom-rendering/src/components/ScrollableProduct.island.tsx
+++ b/dotcom-rendering/src/components/ScrollableProduct.island.tsx
@@ -285,7 +285,7 @@ export const ScrollableProduct = ({ products, format }: Props) => {
 			<div css={carouselHeader}>
 				<Subheading
 					format={format}
-					id={'at-a-glance'}
+					id={'at-a-glance-title'}
 					topPadding={false}
 				>
 					At a glance
@@ -302,6 +302,7 @@ export const ScrollableProduct = ({ products, format }: Props) => {
 					ref={carouselRef}
 					css={carouselStyles}
 					data-heatphan-type="carousel"
+					id="at-a-glance-carousel"
 				>
 					{products.map(
 						(product: ProductBlockElement, index: number) => (