Das Skript schaltet um, ARIA schreibt mit

<div class="aufklapper">
  <h3>
    <button
      id="versand-schalter"
      type="button"
      aria-expanded="false"
      aria-controls="versand-panel">
      Versandkosten
    </button>
  </h3>

  <div id="versand-panel" hidden>
    <p>
      Ab 50 Euro liefern wir versandkostenfrei.
    </p>
    <a href="/versand">Zu den Versandarten</a>
  </div>
</div>

const schalter = document.querySelector(
  '#versand-schalter'
);
const panel = document.querySelector(
  '#versand-panel'
);
const aufklapper = document.querySelector(
  '.aufklapper'
);
let offen = false;

function zustandSetzen(neu) {
  offen = neu;
  panel.hidden = !offen;
  schalter.setAttribute(
    'aria-expanded',
    String(offen)
  );
  schalter.classList.toggle(
    'ist-offen',
    offen
  );
}

schalter.addEventListener('click', () => {
  zustandSetzen(!offen);
});

aufklapper.addEventListener('keydown', (event) => {
  if (event.key !== 'Escape' || !offen) return;
  zustandSetzen(false);
  schalter.focus();
});

zustandSetzen(false);