[ML] (Accessibility) Import Data -> Index Name should announce as "r…

…equired" #31130 (#34341) * adds aria label for required index name text input * translated aria-label for advanced DataVisualizer import settings
elastic · Apr 2, 2019 · 5b9cdc7 · 5b9cdc7
1 parent 5c15e6b
commit 5b9cdc7
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/import_settings/advanced.js b/x-pack/plugins/ml/public/file_datavisualizer/components/import_settings/advanced.js
@@ -60,6 +60,10 @@ function AdvancedSettingsUi({
           disabled={(initialized === true)}
           onChange={onIndexChange}
           isInvalid={indexNameError !== ''}
+          aria-label={intl.formatMessage({
+            id: 'xpack.ml.fileDatavisualizer.advancedImportSettings.indexNameAriaLabel',
+            defaultMessage: 'Index name, required field'
+          })}
         />
       </EuiFormRow>
 

diff --git a/x-pack/plugins/ml/public/file_datavisualizer/components/import_settings/simple.js b/x-pack/plugins/ml/public/file_datavisualizer/components/import_settings/simple.js
@@ -43,6 +43,10 @@ export const SimpleSettings = injectI18n(function ({
           disabled={(initialized === true)}
           onChange={onIndexChange}
           isInvalid={indexNameError !== ''}
+          aria-label={intl.formatMessage({
+            id: 'xpack.ml.fileDatavisualizer.simpleImportSettings.indexNameAriaLabel',
+            defaultMessage: 'Index name, required field'
+          })}
         />
       </EuiFormRow>