diff --git a/packages/pluggableWidgets/intro-screen-native/CHANGELOG.md b/packages/pluggableWidgets/intro-screen-native/CHANGELOG.md
index d4678f8d4..46bea7460 100644
--- a/packages/pluggableWidgets/intro-screen-native/CHANGELOG.md
+++ b/packages/pluggableWidgets/intro-screen-native/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
## [Unreleased]
+### Fixed
+
+- We fixed an issue with the TalkBack/VoiceOver traversal in the IntroScreen widget, where the order was not correct.
+
## [4.3.0] - 2026-4-9
### Changed
diff --git a/packages/pluggableWidgets/intro-screen-native/package.json b/packages/pluggableWidgets/intro-screen-native/package.json
index 3053350ac..c62397662 100644
--- a/packages/pluggableWidgets/intro-screen-native/package.json
+++ b/packages/pluggableWidgets/intro-screen-native/package.json
@@ -1,7 +1,7 @@
{
"name": "intro-screen-native",
"widgetName": "IntroScreen",
- "version": "4.3.0",
+ "version": "4.3.1",
"license": "Apache-2.0",
"repository": {
"type": "git",
diff --git a/packages/pluggableWidgets/intro-screen-native/src/SwipeableContainer.tsx b/packages/pluggableWidgets/intro-screen-native/src/SwipeableContainer.tsx
index c0be8b0a3..5fdf975ec 100644
--- a/packages/pluggableWidgets/intro-screen-native/src/SwipeableContainer.tsx
+++ b/packages/pluggableWidgets/intro-screen-native/src/SwipeableContainer.tsx
@@ -124,10 +124,19 @@ export const SwipeableContainer = (props: SwipeableContainerProps): ReactElement
};
const renderItem = useCallback(
- ({ item }: any): ReactElement => {
- return {item.content};
+ ({ item, index }: any): ReactElement => {
+ const isActive = index === activeIndex;
+ return (
+
+ {item.content}
+
+ );
},
- [width, height]
+ [width, height, activeIndex]
);
const renderButton = (
@@ -284,6 +293,9 @@ export const SwipeableContainer = (props: SwipeableContainerProps): ReactElement
: props.styles.dotStyle
]}
onPress={() => onPaginationPress(i)}
+ accessibilityRole="button"
+ accessibilityLabel={`Go to slide ${i + 1}`}
+ accessibilityState={{ selected: rtlSafeIndex(i) === activeIndex }}
/>
))}
{!hidePagination && paginationOverflow && (
@@ -356,9 +368,10 @@ export const SwipeableContainer = (props: SwipeableContainerProps): ReactElement
renderItem={renderItem}
onMomentumScrollEnd={onMomentumScrollEnd}
scrollEventThrottle={50}
- extraData={width}
+ extraData={[width, activeIndex]}
onLayout={onLayout}
keyExtractor={(_: any, index: number) => "screen_key_" + index}
+ importantForAccessibility="no"
/>
{renderPagination()}
diff --git a/packages/pluggableWidgets/intro-screen-native/src/package.xml b/packages/pluggableWidgets/intro-screen-native/src/package.xml
index d039d8c27..bebd2584b 100644
--- a/packages/pluggableWidgets/intro-screen-native/src/package.xml
+++ b/packages/pluggableWidgets/intro-screen-native/src/package.xml
@@ -1,6 +1,6 @@
-
+