From ae48076d0167af4c9cf6ac07daf995cc7b20384e Mon Sep 17 00:00:00 2001
From: Viola Elsenhans <elsenhans@ub.uni-leipzig.de>
Date: Wed, 7 Sep 2022 13:11:39 +0200
Subject: [PATCH] refs #22289 [fid_adlr] add aria-label for data range slider
* add id to data range slider
---
.../templates/Recommend/SideFacets/range-slider.phtml | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)
diff --git a/themes/fid_adlr/templates/Recommend/SideFacets/range-slider.phtml b/themes/fid_adlr/templates/Recommend/SideFacets/range-slider.phtml
index 89c2363fbf1..2cdab2b5941 100644
--- a/themes/fid_adlr/templates/Recommend/SideFacets/range-slider.phtml
+++ b/themes/fid_adlr/templates/Recommend/SideFacets/range-slider.phtml
@@ -6,12 +6,13 @@
<input type="hidden" name="<?=$this->escapeHtmlAttr($this->facet['type'])?>range[]" value="<?=$this->escapeHtmlAttr($this->title)?>"/>
<?php /* fid_adlr: place slider here instead of further down */ ?>
<?php if ($this->facet['type'] == 'date'): ?>
- <div class="slider-container"><input type="text" class="hidden" id="<?=$this->escapeHtmlAttr($this->title)?><?=$this->escapeHtml($this->facet['type'])?>Slider"/></div>
+ <div class="slider-container"><input type="text" class="hidden" id="<?=$this->escapeHtmlAttr($this->title)?><?=$this->escapeHtml($this->facet['type'])?>Slider" aria-label="<?=$this->transEsc('Range-from-to')?>"/></div>
<?php endif; ?>
<div class="date-fields">
<?php $extraInputAttribs = ($this->facet['type'] == 'date') ? 'maxlength="4" ' : ''; ?>
<div class="date-from">
- <label for="<?=$this->escapeHtmlAttr($this->title)?>from">
+ <?php /* finc adds label ids */ ?>
+ <label id="from-label" for="<?=$this->escapeHtmlAttr($this->title)?>from">
<?php /* fid_adlr: modify result list; remove colon #15967 */ ?>
<?=$this->transEsc('date_from')?>
</label>
@@ -19,7 +20,7 @@
<input type="number" class="form-control" name="<?=$this->escapeHtmlAttr($this->title)?>from" id="<?=$this->escapeHtmlAttr($this->title)?>from" value="<?=isset($this->facet['values'][0]) ? $this->escapeHtmlAttr($this->facet['values'][0]) : ''?>" <?=$extraInputAttribs?>/>
</div>
<div class="date-to">
- <label for="<?=$this->escapeHtmlAttr($this->title)?>to">
+ <label id="to-label" for="<?=$this->escapeHtmlAttr($this->title)?>to">
<?php /* fid_adlr: modify result list; remove colon #15967 */ ?>
<?=$this->transEsc('date_to')?>
</label>
@@ -56,6 +57,9 @@ $(document).ready(function() {
})
.on('change', fillTexts)
.data('slider');
+ // finc: set aria-labelledby by id #18936
+ $(".slider-handle.min-slider-handle").attr("aria-labelledby", "from-label");
+ $(".slider-handle.max-slider-handle").attr("aria-labelledby", "to-label");
});
$('#{$this->escapeHtmlAttr($this->title)}from, #{$this->escapeHtmlAttr($this->title)}to').change(function () {
--
GitLab