From 4806a7ac1e7a1273d2e2d0f3f21e955bb4295489 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Thu, 9 Dec 2021 10:11:28 +0000
Subject: [PATCH] A11y: Add missing aria labels in Loki QueryEditor (#42664)
 (#42737)

* Loki: Add missing aria-label

* Update text

* Update text

(cherry picked from commit 698f452e0d26df876a47069e9faccfc4c4fc810d)

Co-authored-by: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
---
 .../datasource/loki/components/LokiOptionFields.tsx       | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
index 6a7587bad8f..0e5b919010f 100644
--- a/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
+++ b/public/app/plugins/datasource/loki/components/LokiOptionFields.tsx
@@ -149,7 +149,13 @@ export function LokiOptionFields(props: LokiOptionFieldsProps) {
             'Resolution 1/1 sets step parameter of Loki metrics range queries such that each pixel corresponds to one data point. For better performance, lower resolutions can be picked. 1/2 only retrieves a data point for every other pixel, and 1/10 retrieves one data point per 10 pixels.'
           }
         >
-          <Select isSearchable={false} onChange={onResolutionChange} options={RESOLUTION_OPTIONS} value={resolution} />
+          <Select
+            isSearchable={false}
+            onChange={onResolutionChange}
+            options={RESOLUTION_OPTIONS}
+            value={resolution}
+            aria-label="Select resolution"
+          />
         </InlineField>
       </div>
     </div>