https://moval.org/cdd/js/wcag.js

1document.addEventListener('DOMContentLoaded', function () {
2  var accordionItems = document.querySelectorAll('#accordion1 > ul > li');
3  accordionItems.forEach(function (item, index) {
4    var trigger = item.querySelector('h3');
5    var panel = item.querySelector('div');
6    var panelId = 'accordion-panel-' + index;
7    var triggerId = 'accordion-trigger-' + index;
8
9    trigger.setAttribute('id', triggerId);
10    trigger.setAttribute('role', 'button');
11    trigger.setAttribute('tabindex', '0');
12    trigger.setAttribute('aria-expanded', 'false');
13    trigger.setAttribute('aria-controls', panelId);
14
15    panel.setAttribute('id', panelId);
16    panel.setAttribute('role', 'region');
17    panel.setAttribute('aria-labelledby', triggerId);
18    panel.setAttribute('hidden', '');
19
20    function togglePanel() {
21      var expanded = trigger.getAttribute('aria-expanded') === 'true';
22      trigger.setAttribute('aria-expanded', String(!expanded));
23      if (expanded) {
24        panel.setAttribute('hidden', '');
25      } else {
26        panel.removeAttribute('hidden');
27      }
28    }
29
30    trigger.addEventListener('click', togglePanel);
31    trigger.addEventListener('keydown', function (e) {
32      if (e.key === 'Enter' || e.key === ' ') {
33        e.preventDefault();
34        togglePanel();
35      }
36    });
37  });
38});