updating filter button innertext for screen readers

This commit is contained in:
Antoine M 2024-04-02 16:38:35 +02:00
parent aae02ac5a0
commit 563582355a

View File

@ -123,7 +123,14 @@ function updateActiveFiltersViewer() {
activeFilters.forEach((activeFilterCheckbox) => { activeFilters.forEach((activeFilterCheckbox) => {
const button = document.createElement('button'); const button = document.createElement('button');
button.classList.add('filters-toolbar__action-button--active-filter-remover'); button.classList.add('filters-toolbar__action-button--active-filter-remover');
button.innerText = activeFilterCheckbox.getAttribute('data-title');
const span = document.createElement('span');
span.classList.add('sr-only');
span.innerText = mainAppJsDynamicDatas.deleteFilter + ' :';
button.appendChild(span);
const buttonText = document.createTextNode(activeFilterCheckbox.getAttribute('data-title'));
button.appendChild(buttonText);
button.setAttribute('value', activeFilterCheckbox.getAttribute('value')); button.setAttribute('value', activeFilterCheckbox.getAttribute('value'));
activeFiltersContainer.appendChild(button); activeFiltersContainer.appendChild(button);