如何防止屏幕阅读器在不暂停的情况下读取列表项的全部内容？

<ul>
  <li>
    <span aria-hidden="true">摘要信息</span>
    详细内容
  </li>
</ul>

<style>
  .hidden-content {
    display: none;
  }
</style>

<ul>
  <li>
    <span>摘要信息</span>
    <span class="hidden-content">详细内容</span>
  </li>
</ul>

<style>
  .hidden-content {
    display: none;
  }
</style>

<ul>
  <li>
    <span>摘要信息</span>
    <span class="hidden-content">详细内容</span>
    <button onclick="toggleContent(this)">展开/收起</button>
  </li>
</ul>

<script>
  function toggleContent(button) {
    var listItem = button.parentNode;
    var content = listItem.querySelector('.hidden-content');
    content.classList.toggle('hidden-content');
  }
</script>