diff --git a/src/components/accordion/__snapshots__/accordion.test.tsx.snap b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
index 020d001c37e..3f7b526ec94 100644
--- a/src/components/accordion/__snapshots__/accordion.test.tsx.snap
+++ b/src/components/accordion/__snapshots__/accordion.test.tsx.snap
@@ -44,8 +44,11 @@ exports[`EuiAccordion behavior closes when clicked twice 1`] = `
       </button>
     </div>
     <div
+      aria-labelledby="generated-id"
       className="euiAccordion__childWrapper"
       id="12"
+      role="region"
+      tabIndex={-1}
     >
       <EuiResizeObserver
         onResize={[Function]}
@@ -105,8 +108,11 @@ exports[`EuiAccordion behavior opens when clicked once 1`] = `
       </button>
     </div>
     <div
+      aria-labelledby="generated-id"
       className="euiAccordion__childWrapper"
       id="11"
+      role="region"
+      tabIndex={-1}
     >
       <EuiResizeObserver
         onResize={[Function]}
@@ -152,8 +158,11 @@ exports[`EuiAccordion is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="0"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -184,8 +193,11 @@ exports[`EuiAccordion props arrowDisplay none is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="6"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -228,8 +240,11 @@ exports[`EuiAccordion props arrowDisplay right is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="5"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -276,8 +291,11 @@ exports[`EuiAccordion props buttonContent is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="2"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -316,8 +334,11 @@ exports[`EuiAccordion props buttonContentClassName is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="1"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -363,8 +384,11 @@ exports[`EuiAccordion props extraAction is rendered 1`] = `
     </div>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="3"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -403,8 +427,11 @@ exports[`EuiAccordion props forceState is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="7"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -447,8 +474,11 @@ exports[`EuiAccordion props initialIsOpen is rendered 1`] = `
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="4"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -498,8 +528,11 @@ exports[`EuiAccordion props isLoading is rendered 1`] = `
     </div>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="9"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
@@ -549,8 +582,11 @@ exports[`EuiAccordion props isLoadingMessage is rendered 1`] = `
     </div>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="10"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div
diff --git a/src/components/accordion/accordion.test.tsx b/src/components/accordion/accordion.test.tsx
index 3b8dbde362c..039bbac909f 100644
--- a/src/components/accordion/accordion.test.tsx
+++ b/src/components/accordion/accordion.test.tsx
@@ -191,5 +191,19 @@ describe('EuiAccordion', () => {
       expect(onToggleHandler).toBeCalled();
       expect(onToggleHandler).toBeCalledWith(false);
     });
+
+    it('moves focus to the content when expanded', () => {
+      const component = mount<EuiAccordion>(<EuiAccordion id={getId()} />);
+      const accordionClass = component.instance();
+      const childWrapper = accordionClass.childWrapper;
+
+      expect(childWrapper).not.toBeFalsy();
+      expect(childWrapper).not.toBe(document.activeElement);
+
+      // click button
+      component.find('button').simulate('click');
+
+      expect(childWrapper).toBe(document.activeElement);
+    });
   });
 });
diff --git a/src/components/accordion/accordion.tsx b/src/components/accordion/accordion.tsx
index 6d3ec3c84ef..e7cc1efa8a1 100644
--- a/src/components/accordion/accordion.tsx
+++ b/src/components/accordion/accordion.tsx
@@ -142,6 +142,9 @@ export class EuiAccordion extends Component<
           isOpen: !prevState.isOpen,
         }),
         () => {
+          if (this.state.isOpen && this.childWrapper) {
+            this.childWrapper.focus();
+          }
           this.props.onToggle && this.props.onToggle(this.state.isOpen);
         }
       );
@@ -288,6 +291,9 @@ export class EuiAccordion extends Component<
           ref={(node) => {
             this.childWrapper = node;
           }}
+          tabIndex={-1}
+          role="region"
+          aria-labelledby={buttonId}
           id={id}>
           <EuiResizeObserver onResize={this.setChildContentHeight}>
             {(resizeRef) => (
diff --git a/src/components/collapsible_nav/collapsible_nav_group/__snapshots__/collapsible_nav_group.test.tsx.snap b/src/components/collapsible_nav/collapsible_nav_group/__snapshots__/collapsible_nav_group.test.tsx.snap
index 71d8af929ce..c2af89b47d8 100644
--- a/src/components/collapsible_nav/collapsible_nav_group/__snapshots__/collapsible_nav_group.test.tsx.snap
+++ b/src/components/collapsible_nav/collapsible_nav_group/__snapshots__/collapsible_nav_group.test.tsx.snap
@@ -278,8 +278,11 @@ exports[`EuiCollapsibleNavGroup when isCollapsible is true will render an accord
     </button>
   </div>
   <div
+    aria-labelledby="generated-id"
     class="euiAccordion__childWrapper"
     id="id"
+    role="region"
+    tabindex="-1"
   >
     <div>
       <div