diff --git a/src/scripts/clipperUI/regionSelector.tsx b/src/scripts/clipperUI/regionSelector.tsx index 7a24fa54..fe82d154 100644 --- a/src/scripts/clipperUI/regionSelector.tsx +++ b/src/scripts/clipperUI/regionSelector.tsx @@ -25,6 +25,8 @@ interface RegionSelectorState { keyboardSelectionInProgress?: boolean; winWidth?: number; winHeight?: number; + ariaLiveMessage?: string; + ariaAlertMessage?: string; } class RegionSelectorClass extends ComponentBase { @@ -105,6 +107,28 @@ class RegionSelectorClass extends ComponentBase +
+ {this.state.ariaLiveMessage} +
+
+ {this.state.ariaAlertMessage} +
diff --git a/src/strings.json b/src/strings.json index 93969acb..bc3735a8 100644 --- a/src/strings.json +++ b/src/strings.json @@ -12,6 +12,12 @@ "WebClipper.Accessibility.ScreenReader.Footer": "User details", "WebClipper.Accessibility.ScreenReader.Loading": "Loading...", "WebClipper.Accessibility.ScreenReader.RegionSelectionCanvas": "Selection canvas", + "WebClipper.Accessibility.ScreenReader.SelectionStarted": "Selection started", + "WebClipper.Accessibility.ScreenReader.SelectionComplete": "Selection complete", + "WebClipper.Accessibility.ScreenReader.Up": "Up", + "WebClipper.Accessibility.ScreenReader.Down": "Down", + "WebClipper.Accessibility.ScreenReader.Left": "Left", + "WebClipper.Accessibility.ScreenReader.Right": "Right", "WebClipper.Action.BackToHome": "Back", "WebClipper.Action.Cancel": "Cancel", "WebClipper.Action.Clip": "Clip",