From 4283d3b1c97353589593a6690bd293f758b0205f Mon Sep 17 00:00:00 2001
From: CJ Cenizal <cj@cenizal.com>
Date: Fri, 8 Jun 2018 15:36:56 -0700
Subject: [PATCH] Add aria-labelledby to index details flyout to tell screen
 reader what to announce when the flyout is opened.

---
 .../components/detail_panel/detail_panel.js           | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/index_management/public/sections/index_list/components/detail_panel/detail_panel.js b/x-pack/plugins/index_management/public/sections/index_list/components/detail_panel/detail_panel.js
index cd061fded3dc7..d13d2b60c02a7 100644
--- a/x-pack/plugins/index_management/public/sections/index_list/components/detail_panel/detail_panel.js
+++ b/x-pack/plugins/index_management/public/sections/index_list/components/detail_panel/detail_panel.js
@@ -69,14 +69,20 @@ export class DetailPanel extends Component {
         component = <Summary />;
     }
     return (
-      <EuiFlyout data-test-subj="indexDetailFlyout" onClose={closeDetailPanel}>
+      <EuiFlyout
+        data-test-subj="indexDetailFlyout"
+        onClose={closeDetailPanel}
+        aria-labelledby="indexDetailsFlyoutTitle"
+      >
         <EuiFlyoutHeader>
-          <EuiTitle size="l">
+          <EuiTitle size="l" id="indexDetailsFlyoutTitle">
             <h2>{indexName}</h2>
           </EuiTitle>
           <EuiTabs>{this.renderTabs()}</EuiTabs>
         </EuiFlyoutHeader>
+
         <EuiFlyoutBody>{component}</EuiFlyoutBody>
+
         <EuiFlyoutFooter>
           <EuiFlexGroup justifyContent="spaceBetween">
             <EuiFlexItem grow={false}>
@@ -84,6 +90,7 @@ export class DetailPanel extends Component {
                 Close
               </EuiButtonEmpty>
             </EuiFlexItem>
+
             <EuiFlexItem grow={false}>
               <Route
                 key="menu"