toast-dialog: moved live region to wrapper

Author: ianmcburnie

_messaging/toast-dialog/index.html

@@ -13,24 +13,26 @@ <h2>Example 1</h2>
 
 <button class="btn btn--primary dialog-button" type="button" data-makeup-for="dialog-toast" aria-haspopup="dialog">Open Toast Dialog</button>
 
-<aside id="dialog-toast" class="toast-dialog" role="dialog" aria-label="Notification" aria-live="polite" aria-modal="false" hidden>
-    <div class="toast-dialog__window">
-        <div class="toast-dialog__header">
-            <h2 class="toast-dialog__title">User Privacy Preferences</h2>
-            <button class="icon-btn icon-btn--transparent toast-dialog__close" type="button" aria-label="Close dialog">
-                <svg class="icon icon--16" focusable="false" height="24" width="24">
-                    <use xlink:href="../../static/icons.svg#icon-close-16"></use>
-                </svg>
-            </button>
+<div role="status">
+    <aside id="dialog-toast" class="toast-dialog" role="dialog" aria-label="Notification" aria-modal="false" hidden>
+        <div class="toast-dialog__window">
+            <div class="toast-dialog__header">
+                <h2 class="toast-dialog__title">User Privacy Preferences</h2>
+                <button class="icon-btn icon-btn--transparent toast-dialog__close" type="button" aria-label="Close dialog">
+                    <svg class="icon icon--16" focusable="false" height="24" width="24">
+                        <use xlink:href="../../static/icons.svg#icon-close-16"></use>
+                    </svg>
+                </button>
+            </div>
+            <div class="toast-dialog__main">
+                <p>We detected something unusual about a recent sign-in to your account. To help keep you safe, we recommend you change the password.</p>
+            </div>
+            <div class="toast-dialog__footer">
+                <a accesskey="v" class="toast-dialog__cta" href="http://www.ebay.com">View Account</a>
+            </div>
         </div>
-        <div class="toast-dialog__main">
-            <p>We detected something unusual about a recent sign-in to your account. To help keep you safe, we recommend you change the password.</p>
-        </div>
-        <div class="toast-dialog__footer">
-            <a accesskey="v" class="toast-dialog__cta" href="http://www.ebay.com">View Account</a>
-        </div>
-    </div>
-</aside>
+    </aside>
+</div>
 
 <hr />