give remove button icon alt that matches the label

HTTPArchive · Jan 16, 2025 · 062bf5b · 062bf5b
1 parent 3a125ad
commit 062bf5b
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/js/components/filters.js b/src/js/components/filters.js
@@ -218,14 +218,19 @@ class Filters {
     const techCount = document.querySelectorAll('select.tech[name="tech"]').length;
     const techNr = techCount + 1;
     const techId = `tech-${techNr}`;
+    const techLabel = `Technology ${techNr}`;
     selectElement.setAttribute('id', techId);
     labelElement.setAttribute('for', techId);
-    labelElement.textContent = `Technology ${techNr}`;
+    labelElement.textContent = techLabel;
 
     if(removeButton) {
       removeButton.dataset.tech = techId;
       removeButton.classList.remove('hidden');
 
+      const removeIcon = removeButton.querySelector('img');
+      const removeIconAlt = removeIcon.getAttribute('alt');
+      removeIcon.setAttribute('alt', `${removeIconAlt} ${techLabel}`);
+
       /* Bind functionality to the button */
       removeButton.addEventListener('click', this.removeTechnology);
     }