chore: update toasts to be assertive (#4877)

* chore: update toasts to be assertive * Create rotten-terms-own.md
aws-amplify · Jan 3, 2024 · 94d05cb · 94d05cb
1 parent 8d41213
commit 94d05cb
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/rotten-terms-own.md b/.changeset/rotten-terms-own.md
@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react-liveness": patch
+---
+
+chore: update toasts to be assertive
diff --git a/packages/react-liveness/src/components/FaceLivenessDetector/shared/Hint.tsx b/packages/react-liveness/src/components/FaceLivenessDetector/shared/Hint.tsx
@@ -37,7 +37,7 @@ export interface HintProps {
 const defaultToast = (text: string, isInitial = false) => {
   return (
     <Toast size="large" variation="primary" isInitial={isInitial}>
-      <View aria-live="polite" aria-label={text}>
+      <View aria-live="assertive" aria-label={text}>
         {text}
       </View>
     </Toast>
@@ -156,7 +156,7 @@ export const Hint: React.FC<HintProps> = ({ hintDisplayText }) => {
             faceMatchState === FaceMatchState.TOO_CLOSE ? 'error' : 'primary'
           }
         >
-          <View aria-live="polite" aria-label={resultHintString}>
+          <View aria-live="assertive" aria-label={resultHintString}>
             {resultHintString}
           </View>
         </Toast>