better message for drop zone screen reader

nreese · nreese · commit 6c50c4ed7ba2 · 2021-05-10T09:00:44.000-06:00
diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/geo_field_workspace_panel.tsx b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/geo_field_workspace_panel.tsx
@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { EuiPageContentBody, EuiText } from '@elastic/eui';
+import { EuiPageContentBody, EuiSpacer, EuiText } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n/react';
 import { i18n } from '@kbn/i18n';
 import {
@@ -28,8 +28,8 @@ interface Props {
 const dragDropIdentifier = {
   id: 'lnsGeoFieldWorkspace',
   humanData: {
-    label: i18n.translate('xpack.lens.geoFieldWorkspace.workspaceLabel', {
-      defaultMessage: 'Geo field workspace',
+    label: i18n.translate('xpack.lens.geoFieldWorkspace.dropZoneLabel', {
+      defaultMessage: 'drop zone to open in maps',
     }),
   },
 };
@@ -46,15 +46,12 @@ export function GeoFieldWorkspacePanel(props: Props) {
 
   return (
     <EuiPageContentBody className="lnsWorkspacePanelWrapper__pageContentBody">
-      <EuiText
-        className="lnsWorkspacePanel__emptyContent"
-        textAlign="center"
-        size="s"
-      >
+      <EuiText className="lnsWorkspacePanel__emptyContent" textAlign="center" size="s">
         <h2>
           <strong>{getVisualizeGeoFieldMessage(props.fieldType)}</strong>
         </h2>
         <GlobeIllustration aria-hidden={true} className="lnsWorkspacePanel__dropIllustration" />
+        <EuiSpacer size="l" />
         <DragDrop
           className="lnsVisualizeGeoFieldWorkspacePanel__dragDrop"
           dataTestSubj="lnsGeoFieldWorkspace"
