From 9c173a084f4365dc551285dce4e4f3aca55ab562 Mon Sep 17 00:00:00 2001
From: Joe Reuter <johannes.reuter@elastic.co>
Date: Tue, 27 Oct 2020 12:53:19 +0100
Subject: [PATCH] fix Lens heading structure

---
 .../workspace_panel/workspace_panel_wrapper.tsx    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
index fa63cd3c6f1e0..5cfc269dbb97b 100644
--- a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
+++ b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.tsx
@@ -15,6 +15,7 @@ import {
   EuiPageContentHeader,
   EuiFlexGroup,
   EuiFlexItem,
+  EuiScreenReaderOnly,
 } from '@elastic/eui';
 import { Datasource, FramePublicAPI, Visualization } from '../../../types';
 import { NativeRenderer } from '../../../native_renderer';
@@ -104,18 +105,25 @@ export function WorkspacePanelWrapper({
         </EuiFlexGroup>
       </div>
       <EuiPageContent className="lnsWorkspacePanelWrapper">
-        {(!emptyExpression || title) && (
+        {!emptyExpression || title ? (
           <EuiPageContentHeader
             className={classNames('lnsWorkspacePanelWrapper__pageContentHeader', {
               // eslint-disable-next-line @typescript-eslint/naming-convention
               'lnsWorkspacePanelWrapper__pageContentHeader--unsaved': !title,
             })}
           >
-            <span data-test-subj="lns_ChartTitle">
+            <h1 data-test-subj="lns_ChartTitle">
               {title ||
                 i18n.translate('xpack.lens.chartTitle.unsaved', { defaultMessage: 'Unsaved' })}
-            </span>
+            </h1>
           </EuiPageContentHeader>
+        ) : (
+          <EuiScreenReaderOnly>
+            <h1 data-test-subj="lns_ChartTitle">
+              {title ||
+                i18n.translate('xpack.lens.chartTitle.unsaved', { defaultMessage: 'Unsaved' })}
+            </h1>
+          </EuiScreenReaderOnly>
         )}
         <EuiPageContentBody className="lnsWorkspacePanelWrapper__pageContentBody">
           {children}