From 4faef9dfcaeee79c590f70a79adf52a0def093b8 Mon Sep 17 00:00:00 2001
From: Philipp B <philipp.b@ya.ru>
Date: Wed, 12 Jun 2019 21:46:10 +0300
Subject: [PATCH] [Accessibility] A <label> for time bucket size selector on
 discover (#38396)

* Replace <span> with a <label for=''> used as a label for a dropdown <select>
* Change CSS selector for functional test
---
 src/legacy/core_plugins/kibana/public/discover/index.html | 6 ++++--
 test/functional/page_objects/discover_page.js             | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/legacy/core_plugins/kibana/public/discover/index.html b/src/legacy/core_plugins/kibana/public/discover/index.html
index 5b4b2559875dd..7a7dc9ca3f4b8 100644
--- a/src/legacy/core_plugins/kibana/public/discover/index.html
+++ b/src/legacy/core_plugins/kibana/public/discover/index.html
@@ -129,16 +129,18 @@ <h1 id="kui_local_breadcrumb" class="kuiLocalBreadcrumb" ng-if="opts.savedSearch
             >
               <header class="dscTimechart__header">
                 <div class="small">
-                  <span
+                  <label
+                    for="dscResultsIntervalSelector"
                     tooltip="{{::'kbn.discover.howToChangeTheTimeTooltip' | i18n: {defaultMessage: 'To change the time, click the clock icon in the navigation bar'} }}"
                   >
                     {{toMoment(timeRange.from)}} - {{toMoment(timeRange.to)}}
-                  </span>
+                  </label>
 
                   &mdash;
 
                   <span class="form-inline">
                     <select
+                      id="dscResultsIntervalSelector"
                       class="dscResults__interval form-control"
                       ng-model="state.interval"
                       ng-options="interval.val as interval.display for interval in intervalOptions | filter: intervalEnabled"
diff --git a/test/functional/page_objects/discover_page.js b/test/functional/page_objects/discover_page.js
index 961d5552457cf..d47c579dea907 100644
--- a/test/functional/page_objects/discover_page.js
+++ b/test/functional/page_objects/discover_page.js
@@ -41,7 +41,7 @@ export function DiscoverPageProvider({ getService, getPageObjects }) {
     }
 
     async getChartTimespan() {
-      const el = await find.byCssSelector('.small > span:nth-child(1)');
+      const el = await find.byCssSelector('.small > label[for="dscResultsIntervalSelector"]');
       return await el.getVisibleText();
     }