Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aria pressed for active filter + sr-only indication for active filter button

Browse Source
This commit is contained in:
Antoine M 2024-04-02 16:34:58 +02:00
parent 57a0c6386e
commit 3247b1108f
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/js/archive-template-publications.js
View File

@ -73,6 +73,7 @@ function toggleActivePublicationTypeFilterButton() {
filterButtons.forEach((button) => { filterButtons.forEach((button) => {
button.classList.remove('filters-toolbar__action-button--active'); button.classList.remove('filters-toolbar__action-button--active');
button.setAttribute('aria-pressed', 'false');
}); });
const correspondingActiveThematiqueButton = document.querySelector( const correspondingActiveThematiqueButton = document.querySelector(
@ -81,6 +82,7 @@ function toggleActivePublicationTypeFilterButton() {
if (!correspondingActiveThematiqueButton) return; if (!correspondingActiveThematiqueButton) return;
correspondingActiveThematiqueButton.classList.add('filters-toolbar__action-button--active'); correspondingActiveThematiqueButton.classList.add('filters-toolbar__action-button--active');
correspondingActiveThematiqueButton.setAttribute('aria-pressed', 'true');
} }
function updateActiveThematiquesFiltersViewer() { function updateActiveThematiquesFiltersViewer() {
const activeFilters = document.querySelectorAll( const activeFilters = document.querySelectorAll(
@ -106,7 +108,15 @@ function updateActiveThematiquesFiltersViewer() {
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);