diff --git a/CHANGELOG.md b/CHANGELOG.md
index 777c40c70cc..5a82de0a27b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@
 **Bug fixes**
 
 - Fixed building dev & docs on Windows ([#2847](https://github.com/elastic/eui/pull/2847))
+- Fixed screen reader discovery issues with `EuiBottomBar` and `EuiControlBar` ([#2861](https://github.com/elastic/eui/pull/2861))
 - Fixed a bug in `EuiDataGrid` causing the first cell to autofocus if interactive ([#2872](https://github.com/elastic/eui/pull/2872))
 
 **Breaking changes**
diff --git a/src/components/bottom_bar/__snapshots__/bottom_bar.test.tsx.snap b/src/components/bottom_bar/__snapshots__/bottom_bar.test.tsx.snap
index 2cc54e4350b..8ec6d9cb6ee 100644
--- a/src/components/bottom_bar/__snapshots__/bottom_bar.test.tsx.snap
+++ b/src/components/bottom_bar/__snapshots__/bottom_bar.test.tsx.snap
@@ -2,74 +2,107 @@
 
 exports[`EuiBottomBar is rendered 1`] = `
 Array [
-  <p
-    aria-live="assertive"
-    class="euiScreenReaderOnly"
-  >
-    There is a new menu opening with page level controls at the end of the document.
-  </p>,
-  <div
+  <section
     aria-label="aria-label"
     class="euiBottomBar euiBottomBar--paddingMedium testClass1 testClass2"
     data-test-subj="test subject string"
   >
+    <h2
+      class="euiScreenReaderOnly"
+    >
+      Page level controls
+    </h2>
     Content
-  </div>,
+  </section>,
+  <p
+    aria-live="assertive"
+    class="euiScreenReaderOnly"
+  >
+    There is a new region landmark with page level controls at the end of the document.
+  </p>,
 ]
 `;
 
 exports[`EuiBottomBar props paddingSize l is rendered 1`] = `
 Array [
+  <section
+    aria-label="Page level controls"
+    class="euiBottomBar euiBottomBar--paddingLarge"
+  >
+    <h2
+      class="euiScreenReaderOnly"
+    >
+      Page level controls
+    </h2>
+  </section>,
   <p
     aria-live="assertive"
     class="euiScreenReaderOnly"
   >
-    There is a new menu opening with page level controls at the end of the document.
+    There is a new region landmark with page level controls at the end of the document.
   </p>,
-  <div
-    class="euiBottomBar euiBottomBar--paddingLarge"
-  />,
 ]
 `;
 
 exports[`EuiBottomBar props paddingSize m is rendered 1`] = `
 Array [
+  <section
+    aria-label="Page level controls"
+    class="euiBottomBar euiBottomBar--paddingMedium"
+  >
+    <h2
+      class="euiScreenReaderOnly"
+    >
+      Page level controls
+    </h2>
+  </section>,
   <p
     aria-live="assertive"
     class="euiScreenReaderOnly"
   >
-    There is a new menu opening with page level controls at the end of the document.
+    There is a new region landmark with page level controls at the end of the document.
   </p>,
-  <div
-    class="euiBottomBar euiBottomBar--paddingMedium"
-  />,
 ]
 `;
 
 exports[`EuiBottomBar props paddingSize none is rendered 1`] = `
 Array [
+  <section
+    aria-label="Page level controls"
+    class="euiBottomBar"
+  >
+    <h2
+      class="euiScreenReaderOnly"
+    >
+      Page level controls
+    </h2>
+  </section>,
   <p
     aria-live="assertive"
     class="euiScreenReaderOnly"
   >
-    There is a new menu opening with page level controls at the end of the document.
+    There is a new region landmark with page level controls at the end of the document.
   </p>,
-  <div
-    class="euiBottomBar"
-  />,
 ]
 `;
 
 exports[`EuiBottomBar props paddingSize s is rendered 1`] = `
 Array [
+  <section
+    aria-label="Page level controls"
+    class="euiBottomBar euiBottomBar--paddingSmall"
+  >
+    <h2
+      class="euiScreenReaderOnly"
+    >
+      Page level controls
+    </h2>
+  </section>,
   <p
     aria-live="assertive"
     class="euiScreenReaderOnly"
   >
-    There is a new menu opening with page level controls at the end of the document.
+    There is a new region landmark with page level controls at the end of the document.
   </p>,
-  <div
-    class="euiBottomBar euiBottomBar--paddingSmall"
-  />,
 ]
 `;
diff --git a/src/components/bottom_bar/bottom_bar.tsx b/src/components/bottom_bar/bottom_bar.tsx
index 67d633ac67b..e8e5ecfdd31 100644
--- a/src/components/bottom_bar/bottom_bar.tsx
+++ b/src/components/bottom_bar/bottom_bar.tsx
@@ -1,10 +1,9 @@
-import React, { Component } from 'react';
 import classNames from 'classnames';
-
-import { CommonProps } from '../common';
-import { EuiPortal } from '../portal';
+import React, { Component } from 'react';
 import { EuiScreenReaderOnly } from '../accessibility';
+import { CommonProps } from '../common';
 import { EuiI18n } from '../i18n';
+import { EuiPortal } from '../portal';
 
 type BottomBarPaddingSize = 'none' | 's' | 'm' | 'l';
 
@@ -28,10 +27,15 @@ interface Props extends CommonProps {
    * Padding applied to the bar
    */
   paddingSize?: BottomBarPaddingSize;
+
+  /**
+   * Customize the screen reader heading that helps users find this control. Default is "Page level controls".
+   */
+  landmarkHeading?: string;
 }
 
 export class EuiBottomBar extends Component<Props> {
-  private bar: HTMLDivElement | null = null;
+  private bar: HTMLElement | null = null;
 
   componentDidMount() {
     const height = this.bar ? this.bar.clientHeight : -1;
@@ -42,7 +46,7 @@ export class EuiBottomBar extends Component<Props> {
   }
 
   componentWillUnmount() {
-    document.body.style.paddingBottom = null;
+    document.body.style.paddingBottom = '';
     if (this.props.bodyClassName) {
       document.body.classList.remove(this.props.bodyClassName);
     }
@@ -54,6 +58,7 @@ export class EuiBottomBar extends Component<Props> {
       className,
       paddingSize = 'm',
       bodyClassName,
+      landmarkHeading,
       ...rest
     } = this.props;
 
@@ -65,22 +70,46 @@ export class EuiBottomBar extends Component<Props> {
 
     return (
       <EuiPortal>
+        <EuiI18n
+          token="euiBottomBar.screenReaderHeading"
+          default="Page level controls">
+          {(screenReaderHeading: string) => (
+            // Though it would be better to use aria-labelledby than aria-label and not repeat the same string twice
+            // A bug in voiceover won't list some landmarks in the rotor without an aria-label
+            <section
+              aria-label={
+                landmarkHeading ? landmarkHeading : screenReaderHeading
+              }
+              className={classes}
+              ref={node => {
+                this.bar = node;
+              }}
+              {...rest}>
+              <EuiScreenReaderOnly>
+                <h2>
+                  {landmarkHeading ? landmarkHeading : screenReaderHeading}
+                </h2>
+              </EuiScreenReaderOnly>
+              {children}
+            </section>
+          )}
+        </EuiI18n>
         <EuiScreenReaderOnly>
           <p aria-live="assertive">
-            <EuiI18n
-              token="euiBottomBar.screenReaderAnnouncement"
-              default="There is a new menu opening with page level controls at the end of the document."
-            />
+            {landmarkHeading ? (
+              <EuiI18n
+                token="euiBottomBar.customScreenReaderAnnouncement"
+                default="There is a new region landmark called {landmarkHeading} with page level controls at the end of the document."
+                values={{ landmarkHeading }}
+              />
+            ) : (
+              <EuiI18n
+                token="euiBottomBar.screenReaderAnnouncement"
+                default="There is a new region landmark with page level controls at the end of the document."
+              />
+            )}
           </p>
         </EuiScreenReaderOnly>
-        <div
-          className={classes}
-          ref={node => {
-            this.bar = node;
-          }}
-          {...rest}>
-          {children}
-        </div>
       </EuiPortal>
     );
   }
diff --git a/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap b/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
index 10317da2af9..bc1c95d46f6 100644
--- a/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
+++ b/src/components/control_bar/__snapshots__/control_bar.test.tsx.snap
@@ -1,12 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`EuiControlBar is rendered 1`] = `
-<div
+<section
   aria-label="aria-label"
   class="euiControlBar testClass1 testClass2 euiControlBar--large euiControlBar--fixed"
   data-test-subj="test subject string"
   style="left: 0px; right: 0px;"
 >
+  <h2
+    class="euiScreenReaderOnly"
+  >
+    Page level controls
+  </h2>
   <div
     class="euiControlBar__controls"
   >
@@ -70,7 +75,7 @@ exports[`EuiControlBar is rendered 1`] = `
       Flight 815
     </button>
   </div>
-</div>
+</section>
 `;
 
 exports[`EuiControlBar props leftOffset is rendered 1`] = `
@@ -134,10 +139,16 @@ exports[`EuiControlBar props leftOffset is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar--large euiControlBar--fixed"
             style="left: 200px; right: 0px;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -201,134 +212,166 @@ exports[`EuiControlBar props leftOffset is rendered 1`] = `
                 Flight 815
               </button>
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar--large euiControlBar--fixed"
-        style={
-          Object {
-            "left": 200,
-            "maxHeight": undefined,
-            "right": 0,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar--large euiControlBar--fixed"
+          style={
+            Object {
+              "left": 200,
+              "maxHeight": undefined,
+              "right": 0,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
+            <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
             <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
-          <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
+        >
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
           >
-            Flight 815
-          </button>
-        </div>
-      </div>
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
@@ -396,10 +439,16 @@ exports[`EuiControlBar props maxHeight is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar--large euiControlBar--fixed"
             style="left: 0px; right: 0px; max-height: 20rem;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -463,134 +512,166 @@ exports[`EuiControlBar props maxHeight is rendered 1`] = `
                 Flight 815
               </button>
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar--large euiControlBar--fixed"
-        style={
-          Object {
-            "left": 0,
-            "maxHeight": "20rem",
-            "right": 0,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar--large euiControlBar--fixed"
+          style={
+            Object {
+              "left": 0,
+              "maxHeight": "20rem",
+              "right": 0,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
+            <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
             <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
-          <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
+        >
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
           >
-            Flight 815
-          </button>
-        </div>
-      </div>
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
@@ -657,10 +738,16 @@ exports[`EuiControlBar props mobile is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar--large euiControlBar--fixed euiControlBar--showOnMobile"
             style="left: 0px; right: 0px;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -724,134 +811,166 @@ exports[`EuiControlBar props mobile is rendered 1`] = `
                 Flight 815
               </button>
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar--large euiControlBar--fixed euiControlBar--showOnMobile"
-        style={
-          Object {
-            "left": 0,
-            "maxHeight": undefined,
-            "right": 0,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar--large euiControlBar--fixed euiControlBar--showOnMobile"
+          style={
+            Object {
+              "left": 0,
+              "maxHeight": undefined,
+              "right": 0,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
+            <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
             <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
-          <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
+        >
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
           >
-            Flight 815
-          </button>
-        </div>
-      </div>
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
@@ -914,130 +1033,143 @@ exports[`EuiControlBar props position is rendered 1`] = `
   showOnMobile={false}
   size="l"
 >
-  <div
-    className="euiControlBar euiControlBar--large euiControlBar--absolute"
-    style={
-      Object {
-        "left": 0,
-        "maxHeight": undefined,
-        "right": 0,
-      }
-    }
+  <EuiI18n
+    default="Page level controls"
+    token="euiControlBar.screenReaderHeading"
   >
-    <div
-      className="euiControlBar__controls"
-    >
-      <EuiBreadcrumbs
-        breadcrumbs={
-          Array [
-            Object {
-              "text": "src",
-            },
-            Object {
-              "text": "components",
-            },
-          ]
+    <section
+      aria-label="Page level controls"
+      className="euiControlBar euiControlBar--large euiControlBar--absolute"
+      style={
+        Object {
+          "left": 0,
+          "maxHeight": undefined,
+          "right": 0,
         }
-        key="current_file_path"
-        responsive={true}
+      }
+    >
+      <EuiScreenReaderOnly>
+        <h2
+          className="euiScreenReaderOnly"
+        >
+          Page level controls
+        </h2>
+      </EuiScreenReaderOnly>
+      <div
+        className="euiControlBar__controls"
       >
-        <nav
-          aria-label="breadcrumb"
-          className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+        <EuiBreadcrumbs
+          breadcrumbs={
+            Array [
+              Object {
+                "text": "src",
+              },
+              Object {
+                "text": "components",
+              },
+            ]
+          }
+          key="current_file_path"
+          responsive={true}
         >
-          <EuiInnerText>
-            <EuiLink
-              className="euiBreadcrumb"
-              color="subdued"
-              title="src"
-            >
-              <button
-                className="euiLink euiLink--subdued euiBreadcrumb"
+          <nav
+            aria-label="breadcrumb"
+            className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+          >
+            <EuiInnerText>
+              <EuiLink
+                className="euiBreadcrumb"
+                color="subdued"
                 title="src"
-                type="button"
               >
-                src
-              </button>
-            </EuiLink>
-          </EuiInnerText>
-          <EuiBreadcrumbSeparator>
-            <div
-              className="euiBreadcrumbSeparator"
-            />
-          </EuiBreadcrumbSeparator>
-          <EuiInnerText>
-            <span
-              aria-current="page"
-              className="euiBreadcrumb euiBreadcrumb--last"
-              title="components"
-            >
-              components
-            </span>
-          </EuiInnerText>
-        </nav>
-      </EuiBreadcrumbs>
-      <EuiButton
-        className="euiControlBar__button"
-        color="ghost"
-        data-test-subj="dts"
-        key="sound_the_alarm1"
-        onClick={[Function]}
-        size="s"
-      >
-        <button
-          className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                <button
+                  className="euiLink euiLink--subdued euiBreadcrumb"
+                  title="src"
+                  type="button"
+                >
+                  src
+                </button>
+              </EuiLink>
+            </EuiInnerText>
+            <EuiBreadcrumbSeparator>
+              <div
+                className="euiBreadcrumbSeparator"
+              />
+            </EuiBreadcrumbSeparator>
+            <EuiInnerText>
+              <span
+                aria-current="page"
+                className="euiBreadcrumb euiBreadcrumb--last"
+                title="components"
+              >
+                components
+              </span>
+            </EuiInnerText>
+          </nav>
+        </EuiBreadcrumbs>
+        <EuiButton
+          className="euiControlBar__button"
+          color="ghost"
           data-test-subj="dts"
+          key="sound_the_alarm1"
           onClick={[Function]}
-          type="button"
+          size="s"
         >
-          <span
-            className="euiButton__content"
+          <button
+            className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+            data-test-subj="dts"
+            onClick={[Function]}
+            type="button"
           >
             <span
-              className="euiButton__text"
+              className="euiButton__content"
             >
-              Sound the Alarm
+              <span
+                className="euiButton__text"
+              >
+                Sound the Alarm
+              </span>
             </span>
-          </span>
-        </button>
-      </EuiButton>
-      <div
-        className="euiControlBar__text"
-        key="close_the_hatch"
-      >
-        Close the Hatch
-      </div>
-      <div
-        className="euiControlBar__divider"
-        key="divider3"
-      />
-      <EuiIcon
-        aria-label="Sample Icon"
-        className="euiControlBar__icon"
-        color="danger"
-        key="sample_icon4"
-        type="alert"
-      >
+          </button>
+        </EuiButton>
         <div
+          className="euiControlBar__text"
+          key="close_the_hatch"
+        >
+          Close the Hatch
+        </div>
+        <div
+          className="euiControlBar__divider"
+          key="divider3"
+        />
+        <EuiIcon
           aria-label="Sample Icon"
           className="euiControlBar__icon"
           color="danger"
-          data-euiicon-type="alert"
+          key="sample_icon4"
+          type="alert"
+        >
+          <div
+            aria-label="Sample Icon"
+            className="euiControlBar__icon"
+            color="danger"
+            data-euiicon-type="alert"
+          />
+        </EuiIcon>
+        <div
+          className="euiControlBar__spacer"
+          key="spacer5"
         />
-      </EuiIcon>
-      <div
-        className="euiControlBar__spacer"
-        key="spacer5"
-      />
-      <button
-        className="euiControlBar__tab"
-        key="flight_8156"
-        onClick={[Function]}
-      >
-        Flight 815
-      </button>
-    </div>
-  </div>
+        <button
+          className="euiControlBar__tab"
+          key="flight_8156"
+          onClick={[Function]}
+        >
+          Flight 815
+        </button>
+      </div>
+    </section>
+  </EuiI18n>
 </EuiControlBar>
 `;
 
@@ -1102,10 +1234,16 @@ exports[`EuiControlBar props rightOffset is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar--large euiControlBar--fixed"
             style="left: 0px; right: 200px;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -1169,134 +1307,166 @@ exports[`EuiControlBar props rightOffset is rendered 1`] = `
                 Flight 815
               </button>
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar--large euiControlBar--fixed"
-        style={
-          Object {
-            "left": 0,
-            "maxHeight": undefined,
-            "right": 200,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar--large euiControlBar--fixed"
+          style={
+            Object {
+              "left": 0,
+              "maxHeight": undefined,
+              "right": 200,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
             <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
+            <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
-          <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
+        >
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
           >
-            Flight 815
-          </button>
-        </div>
-      </div>
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
@@ -1363,10 +1533,16 @@ exports[`EuiControlBar props showContent is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar-isOpen euiControlBar--large euiControlBar--fixed"
             style="left: 0px; right: 0px;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -1435,139 +1611,171 @@ exports[`EuiControlBar props showContent is rendered 1`] = `
             >
               Content
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar-isOpen euiControlBar--large euiControlBar--fixed"
-        style={
-          Object {
-            "left": 0,
-            "maxHeight": undefined,
-            "right": 0,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar-isOpen euiControlBar--large euiControlBar--fixed"
+          style={
+            Object {
+              "left": 0,
+              "maxHeight": undefined,
+              "right": 0,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
             <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
+            <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
           <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            className="euiControlBar__content"
           >
-            Flight 815
-          </button>
-        </div>
-        <div
-          className="euiControlBar__content"
+            Content
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
         >
-          Content
-        </div>
-      </div>
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
@@ -1634,10 +1842,16 @@ exports[`EuiControlBar props size is rendered 1`] = `
     <Portal
       containerInfo={
         <div>
-          <div
+          <section
+            aria-label="Page level controls"
             class="euiControlBar euiControlBar--small euiControlBar--fixed"
             style="left: 0px; right: 0px;"
           >
+            <h2
+              class="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
             <div
               class="euiControlBar__controls"
             >
@@ -1701,134 +1915,166 @@ exports[`EuiControlBar props size is rendered 1`] = `
                 Flight 815
               </button>
             </div>
-          </div>
+          </section>
+          <p
+            aria-live="assertive"
+            class="euiScreenReaderOnly"
+          >
+            There is a new region landmark with page level controls at the end of the document.
+          </p>
         </div>
       }
     >
-      <div
-        className="euiControlBar euiControlBar--small euiControlBar--fixed"
-        style={
-          Object {
-            "left": 0,
-            "maxHeight": undefined,
-            "right": 0,
-          }
-        }
+      <EuiI18n
+        default="Page level controls"
+        token="euiControlBar.screenReaderHeading"
       >
-        <div
-          className="euiControlBar__controls"
-        >
-          <EuiBreadcrumbs
-            breadcrumbs={
-              Array [
-                Object {
-                  "text": "src",
-                },
-                Object {
-                  "text": "components",
-                },
-              ]
+        <section
+          aria-label="Page level controls"
+          className="euiControlBar euiControlBar--small euiControlBar--fixed"
+          style={
+            Object {
+              "left": 0,
+              "maxHeight": undefined,
+              "right": 0,
             }
-            key="current_file_path"
-            responsive={true}
+          }
+        >
+          <EuiScreenReaderOnly>
+            <h2
+              className="euiScreenReaderOnly"
+            >
+              Page level controls
+            </h2>
+          </EuiScreenReaderOnly>
+          <div
+            className="euiControlBar__controls"
           >
-            <nav
-              aria-label="breadcrumb"
-              className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "text": "src",
+                  },
+                  Object {
+                    "text": "components",
+                  },
+                ]
+              }
+              key="current_file_path"
+              responsive={true}
             >
-              <EuiInnerText>
-                <EuiLink
-                  className="euiBreadcrumb"
-                  color="subdued"
-                  title="src"
-                >
-                  <button
-                    className="euiLink euiLink--subdued euiBreadcrumb"
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+              >
+                <EuiInnerText>
+                  <EuiLink
+                    className="euiBreadcrumb"
+                    color="subdued"
                     title="src"
-                    type="button"
                   >
-                    src
-                  </button>
-                </EuiLink>
-              </EuiInnerText>
-              <EuiBreadcrumbSeparator>
-                <div
-                  className="euiBreadcrumbSeparator"
-                />
-              </EuiBreadcrumbSeparator>
-              <EuiInnerText>
-                <span
-                  aria-current="page"
-                  className="euiBreadcrumb euiBreadcrumb--last"
-                  title="components"
-                >
-                  components
-                </span>
-              </EuiInnerText>
-            </nav>
-          </EuiBreadcrumbs>
-          <EuiButton
-            className="euiControlBar__button"
-            color="ghost"
-            data-test-subj="dts"
-            key="sound_the_alarm1"
-            onClick={[Function]}
-            size="s"
-          >
-            <button
-              className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                    <button
+                      className="euiLink euiLink--subdued euiBreadcrumb"
+                      title="src"
+                      type="button"
+                    >
+                      src
+                    </button>
+                  </EuiLink>
+                </EuiInnerText>
+                <EuiBreadcrumbSeparator>
+                  <div
+                    className="euiBreadcrumbSeparator"
+                  />
+                </EuiBreadcrumbSeparator>
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    title="components"
+                  >
+                    components
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+            <EuiButton
+              className="euiControlBar__button"
+              color="ghost"
               data-test-subj="dts"
+              key="sound_the_alarm1"
               onClick={[Function]}
-              type="button"
+              size="s"
             >
-              <span
-                className="euiButton__content"
+              <button
+                className="euiButton euiButton--ghost euiButton--small euiControlBar__button"
+                data-test-subj="dts"
+                onClick={[Function]}
+                type="button"
               >
                 <span
-                  className="euiButton__text"
+                  className="euiButton__content"
                 >
-                  Sound the Alarm
+                  <span
+                    className="euiButton__text"
+                  >
+                    Sound the Alarm
+                  </span>
                 </span>
-              </span>
-            </button>
-          </EuiButton>
-          <div
-            className="euiControlBar__text"
-            key="close_the_hatch"
-          >
-            Close the Hatch
-          </div>
-          <div
-            className="euiControlBar__divider"
-            key="divider3"
-          />
-          <EuiIcon
-            aria-label="Sample Icon"
-            className="euiControlBar__icon"
-            color="danger"
-            key="sample_icon4"
-            type="alert"
-          >
+              </button>
+            </EuiButton>
             <div
+              className="euiControlBar__text"
+              key="close_the_hatch"
+            >
+              Close the Hatch
+            </div>
+            <div
+              className="euiControlBar__divider"
+              key="divider3"
+            />
+            <EuiIcon
               aria-label="Sample Icon"
               className="euiControlBar__icon"
               color="danger"
-              data-euiicon-type="alert"
+              key="sample_icon4"
+              type="alert"
+            >
+              <div
+                aria-label="Sample Icon"
+                className="euiControlBar__icon"
+                color="danger"
+                data-euiicon-type="alert"
+              />
+            </EuiIcon>
+            <div
+              className="euiControlBar__spacer"
+              key="spacer5"
             />
-          </EuiIcon>
-          <div
-            className="euiControlBar__spacer"
-            key="spacer5"
-          />
-          <button
-            className="euiControlBar__tab"
-            key="flight_8156"
-            onClick={[Function]}
+            <button
+              className="euiControlBar__tab"
+              key="flight_8156"
+              onClick={[Function]}
+            >
+              Flight 815
+            </button>
+          </div>
+        </section>
+      </EuiI18n>
+      <EuiScreenReaderOnly>
+        <p
+          aria-live="assertive"
+          className="euiScreenReaderOnly"
+        >
+          <EuiI18n
+            default="There is a new region landmark with page level controls at the end of the document."
+            token="euiControlBar.screenReaderAnnouncement"
           >
-            Flight 815
-          </button>
-        </div>
-      </div>
+            There is a new region landmark with page level controls at the end of the document.
+          </EuiI18n>
+        </p>
+      </EuiScreenReaderOnly>
     </Portal>
   </EuiPortal>
 </EuiControlBar>
diff --git a/src/components/control_bar/control_bar.tsx b/src/components/control_bar/control_bar.tsx
index 61c245c8805..139debaeed2 100644
--- a/src/components/control_bar/control_bar.tsx
+++ b/src/components/control_bar/control_bar.tsx
@@ -1,27 +1,28 @@
+import classNames from 'classnames';
 import React, {
+  ButtonHTMLAttributes,
   Component,
   HTMLAttributes,
-  ButtonHTMLAttributes,
   Ref,
 } from 'react';
-import classNames from 'classnames';
-import {
-  CommonProps,
-  ExclusiveUnion,
-  PropsForAnchor,
-  PropsForButton,
-} from '../common';
-// @ts-ignore-next-line
+import { EuiScreenReaderOnly } from '../accessibility';
 import { EuiBreadcrumbs, EuiBreadcrumbsProps } from '../breadcrumbs';
 import {
   EuiButton,
   EuiButtonIcon,
-  EuiButtonProps,
   EuiButtonIconProps,
+  EuiButtonProps,
 } from '../button';
-import { EuiPortal } from '../portal';
+import {
+  CommonProps,
+  ExclusiveUnion,
+  PropsForAnchor,
+  PropsForButton,
+} from '../common';
+import { EuiI18n } from '../i18n';
 import { EuiIcon } from '../icon';
 import { EuiIconProps } from '../icon/icon';
+import { EuiPortal } from '../portal';
 
 /**
  * Extends EuiButton excluding `size`. Requires `label` as the `children`.
@@ -190,6 +191,11 @@ export type EuiControlBarProps = HTMLAttributes<HTMLDivElement> &
      * Optional class applied to the body used when `position = fixed`
      */
     bodyClassName?: string;
+
+    /**
+     * Customize the screen reader heading that helps users find this control. Default is "Page level controls".
+     */
+    landmarkHeading?: string;
   };
 
 interface EuiControlBarState {
@@ -208,7 +214,7 @@ export class EuiControlBar extends Component<
     showContent: false,
     showOnMobile: false,
   };
-  private bar: HTMLDivElement | null = null;
+  private bar: HTMLElement | null = null;
 
   componentDidMount() {
     if (this.props.position === 'fixed') {
@@ -221,7 +227,7 @@ export class EuiControlBar extends Component<
   }
 
   componentWillUnmount() {
-    document.body.style.paddingBottom = null;
+    document.body.style.paddingBottom = '';
     if (this.props.bodyClassName) {
       document.body.classList.remove(this.props.bodyClassName);
     }
@@ -245,6 +251,7 @@ export class EuiControlBar extends Component<
       style,
       position,
       bodyClassName,
+      landmarkHeading,
       ...rest
     } = this.props;
 
@@ -396,24 +403,57 @@ export class EuiControlBar extends Component<
     };
 
     const controlBar = (
-      <div className={classes} {...rest} style={styles}>
-        <div
-          className="euiControlBar__controls"
-          ref={node => {
-            this.bar = node;
-          }}>
-          {controls.map((control, index) => {
-            return controlItem(control, index);
-          })}
-        </div>
-        {this.props.showContent ? (
-          <div className="euiControlBar__content">{children}</div>
-        ) : null}
-      </div>
+      <EuiI18n
+        token="euiControlBar.screenReaderHeading"
+        default="Page level controls">
+        {(screenReaderHeading: string) => (
+          // Though it would be better to use aria-labelledby than aria-label and not repeat the same string twice
+          // A bug in voiceover won't list some landmarks in the rotor without an aria-label
+          <section
+            className={classes}
+            aria-label={landmarkHeading ? landmarkHeading : screenReaderHeading}
+            {...rest}
+            style={styles}>
+            <EuiScreenReaderOnly>
+              <h2>{landmarkHeading ? landmarkHeading : screenReaderHeading}</h2>
+            </EuiScreenReaderOnly>
+            <div
+              className="euiControlBar__controls"
+              ref={node => {
+                this.bar = node;
+              }}>
+              {controls.map((control, index) => {
+                return controlItem(control, index);
+              })}
+            </div>
+            {this.props.showContent ? (
+              <div className="euiControlBar__content">{children}</div>
+            ) : null}
+          </section>
+        )}
+      </EuiI18n>
     );
 
     return position === 'fixed' ? (
-      <EuiPortal>{controlBar}</EuiPortal>
+      <EuiPortal>
+        {controlBar}
+        <EuiScreenReaderOnly>
+          <p aria-live="assertive">
+            {landmarkHeading ? (
+              <EuiI18n
+                token="euiControlBar.customScreenReaderAnnouncement"
+                default="There is a new region landmark called {landmarkHeading} with page level controls at the end of the document."
+                values={{ landmarkHeading }}
+              />
+            ) : (
+              <EuiI18n
+                token="euiControlBar.screenReaderAnnouncement"
+                default="There is a new region landmark with page level controls at the end of the document."
+              />
+            )}
+          </p>
+        </EuiScreenReaderOnly>
+      </EuiPortal>
     ) : (
       controlBar
     );