tweaks to make the bots happy

uiowa · Jan 10, 2025 · d3c9460 · d3c9460
1 parent 1fe3055
commit d3c9460
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 8 deletions.
diff --git a/src/assets/js/accordion.js b/src/assets/js/accordion.js
@@ -46,10 +46,6 @@ class Accordion {
    */
   toggleAccordionItem(accordionItem, isOpening) {
 
-    // Set the relevant attributes for 'accordion' based on 'open'.
-    accordionItem.setAttribute('aria-expanded', isOpening);
-    accordionItem.setAttribute('aria-selected', isOpening);
-
     // Check if the accordion was clicked.
     const clicked = accordionItem.getAttribute('data-accordion-clicked');
     if (clicked) {

diff --git a/src/components/accordion/Accordion.vue b/src/components/accordion/Accordion.vue
@@ -47,19 +47,18 @@ onMounted(() => {
   <div
     :class="accordionClasses"
     role="tablist"
+    :aria-multiselectable="props.multiselectable ? 'true' : 'false'"
     :aria-owns="ariaOwnsIds()"
   >
     <details v-for="(item, index) in props.items"
       :key="index"
       class="accordion__item"
-      :aria-labelledby="'accordion-heading-' + index"
       :name="!props.multiselectable ? 'accordion-collection' : null"
       :open="item.open"
       :id="'accordion-item-' + index"
+      role="none"
     >
       <summary :id="'accordion-heading-' + index" class="accordion__heading"
-        :aria-expanded="item.open ? 'true' : 'false'"
-        :aria-selected="item.open ? 'true' : 'false'"
         role="tab"
       >
         <h2>
@@ -70,7 +69,6 @@ onMounted(() => {
       <div
         :id="'accordion-content-' + index"
         class="accordion__content"
-        :aria-labelledby="'accordion-heading-' + index"
         v-html="item.content"
       ></div>
     </details>