diff --git a/components/higher-order/navigate-regions/style.scss b/components/higher-order/navigate-regions/style.scss
index edf682bf0729c2..d6378f3ee68e3d 100644
--- a/components/higher-order/navigate-regions/style.scss
+++ b/components/higher-order/navigate-regions/style.scss
@@ -7,6 +7,7 @@
 		left: 0;
 		right: 0;
 		pointer-events: none;
-		border: 4px solid $blue-medium-400;
+		outline: 4px solid transparent; // Shown in Windows High Contrast mode.
+		@include region_focus( .1s );
 	}
 }
diff --git a/edit-post/assets/stylesheets/_animations.scss b/edit-post/assets/stylesheets/_animations.scss
index b3068ec3bc3424..0ebdbf228adef1 100644
--- a/edit-post/assets/stylesheets/_animations.scss
+++ b/edit-post/assets/stylesheets/_animations.scss
@@ -30,3 +30,17 @@
 	animation: fade-in $speed ease-out;
 	animation-fill-mode: forwards;
 }
+
+@keyframes editor_region_focus {
+	from {
+		box-shadow: inset 0 0 0 0 $blue-medium-400;
+	}
+	to {
+		box-shadow: inset 0 0 0 4px $blue-medium-400;
+	}
+}
+
+@mixin region_focus( $speed: 0.2s ) {
+	animation: editor_region_focus $speed ease-out;
+	animation-fill-mode: forwards;
+}
\ No newline at end of file