Accessible confirmation modal

<div class="cmp-modal">
  <button class="cmp-modal__open" type="button">Delete experiment</button>
  <dialog aria-labelledby="cmp-modal-title" aria-describedby="cmp-modal-description">
    <form method="dialog">
      <div class="cmp-modal__mark" aria-hidden="true">!</div>
      <h2 id="cmp-modal-title">Delete this experiment?</h2>
      <p id="cmp-modal-description">
        This removes the local draft and its edit history. Export a copy first if you may need it
        later.
      </p>
      <div class="cmp-modal__actions">
        <button value="cancel">Keep experiment</button
        ><button class="cmp-modal__confirm" value="delete">Delete permanently</button>
      </div>
    </form>
  </dialog>
  <p class="cmp-modal__status" role="status" aria-live="polite"></p>
</div>