From 26bc12b1bba518c50aa2b25e24162366e46b901f Mon Sep 17 00:00:00 2001
From: Robert Lange <robert.lange@uni-leipzig.de>
Date: Thu, 7 Jan 2021 15:49:15 +0100
Subject: [PATCH] refs #18888 [finc] accessibility: add label reference for
slider handles
---
themes/finc/templates/search/advanced/ranges.phtml | 8 ++++++--
1 file changed, 6 insertions(+), 2 deletions(-)
diff --git a/themes/finc/templates/search/advanced/ranges.phtml b/themes/finc/templates/search/advanced/ranges.phtml
index 3c41b51dda9..bad19945e1b 100644
--- a/themes/finc/templates/search/advanced/ranges.phtml
+++ b/themes/finc/templates/search/advanced/ranges.phtml
@@ -9,11 +9,11 @@
<input type="hidden" name="<?=$this->escapeHtmlAttr($current['type'])?>range[]" value="<?=$escField?>"/>
<div class="date-fields">
<div class="date-from">
- <label for="<?=$escField?>from"><?=$this->transEsc('date_from')?>:</label>
+ <label id="from-label" for="<?=$escField?>from"><?=$this->transEsc('date_from')?>:</label>
<input type="text" name="<?=$escField?>from" id="<?=$escField?>from" value="<?=isset($current['values'][0])?$this->escapeHtmlAttr($current['values'][0]):''?>" class="form-control" <?=$extraInputAttribs?>/>
</div>
<div class="date-to">
- <label for="<?=$escField?>to"><?=$this->transEsc('date_to')?>:</label>
+ <label id="to-label" for="<?=$escField?>to"><?=$this->transEsc('date_to')?>:</label>
<input type="text" name="<?=$escField?>to" id="<?=$escField?>to" value="<?=isset($current['values'][1])?$this->escapeHtmlAttr($current['values'][1]):''?>" class="form-control" <?=$extraInputAttribs?>/>
</div>
</div>
@@ -67,6 +67,10 @@ $('#{$escField}from, #{$escField}to').change(function () {
true
);
});
+$(document).ready(function() {
+ $(".slider-handle.min-slider-handle").attr("aria-labelledby", "from-label");
+ $(".slider-handle.max-slider-handle").attr("aria-labelledby", "to-label");
+});
JS;
?>
<?=$this->inlineScript(\Zend\View\Helper\HeadScript::SCRIPT, $script, 'SET'); ?>
--
GitLab