Add screen reader attributes for API key flyout code editors (elastic…

…#169265)

## Summary

Closes elastic#169127 


## Fixes

- Added aria-labels for Access control, Role Descriptors and Metadata
code editors

x-pack/plugins/security/public/management/api_keys/api_keys_grid/api_key_flyout.tsx

@@ -437,6 +437,12 @@ export const ApiKeyFlyout: FunctionComponent<ApiKeyFlyoutProps> = ({
                   <FormField
                     as={CodeEditorField}
                     name="access"
+                    aria-label={i18n.translate(
+                      'xpack.security.management.apiKeys.apiKeyFlyout.accessCodeEditor',
+                      {
+                        defaultMessage: 'Code editor for access permissions',
+                      }
+                    )}
                     value={formik.values.access}
                     options={{ readOnly: readOnly || (apiKey && !canEdit) }}
                     onChange={(value: string) => formik.setFieldValue('access', value)}
@@ -500,6 +506,12 @@ export const ApiKeyFlyout: FunctionComponent<ApiKeyFlyoutProps> = ({
                         <FormField
                           as={CodeEditorField}
                           name="role_descriptors"
+                          aria-label={i18n.translate(
+                            'xpack.security.management.apiKeys.apiKeyFlyout.roleDescriptorsCodeEditor',
+                            {
+                              defaultMessage: 'Code editor for role descriptors of this API key',
+                            }
+                          )}
                           value={formik.values.role_descriptors}
                           options={{ readOnly: readOnly || (apiKey && !canEdit) }}
                           onChange={(value: string) =>
@@ -631,6 +643,13 @@ export const ApiKeyFlyout: FunctionComponent<ApiKeyFlyoutProps> = ({
                       <FormField
                         as={CodeEditorField}
                         name="metadata"
+                        aria-label={i18n.translate(
+                          'xpack.security.management.apiKeys.apiKeyFlyout.metadataCodeEditor',
+                          {
+                            defaultMessage:
+                              'Code editor for arbitrary metadata associated with the API key',
+                          }
+                        )}
                         options={{ readOnly: readOnly || (apiKey && !canEdit) }}
                         value={formik.values.metadata}
                         onChange={(value: string) => formik.setFieldValue('metadata', value)}