From 75263ed7cccfb26729316f06682eec4a6549251f Mon Sep 17 00:00:00 2001
From: Shirley <4163034+fridgepoet@users.noreply.github.com>
Date: Tue, 18 Jan 2022 14:31:51 +0100
Subject: [PATCH] Use ids instead of aria-labels (#44012)

---
 .../datasource/cloudwatch/components/MetricsQueryEditor.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor.tsx b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor.tsx
index 23604021e7b..1a9e3b5c4a7 100644
--- a/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor.tsx
+++ b/public/app/plugins/datasource/cloudwatch/components/MetricsQueryEditor.tsx
@@ -144,7 +144,7 @@ export class MetricsQueryEditor extends PureComponent<Props, State> {
             tooltip="ID can be used to reference other queries in math expressions. The ID can include numbers, letters, and underscore, and must start with a lowercase letter."
           >
             <Input
-              aria-label="Optional ID"
+              id={`${query.refId}-cloudwatch-metric-query-editor-id`}
               onBlur={onRunQuery}
               onChange={(event: ChangeEvent<HTMLInputElement>) =>
                 this.onChange({ ...metricsQuery, id: event.target.value })
@@ -157,7 +157,7 @@ export class MetricsQueryEditor extends PureComponent<Props, State> {
 
           <EditorField label="Period" width={26} tooltip="Minimum interval between points in seconds.">
             <Input
-              aria-label="Period"
+              id={`${query.refId}-cloudwatch-metric-query-editor-period`}
               value={query.period || ''}
               placeholder="auto"
               onBlur={onRunQuery}