PROSAGA码农传奇-html/HTML5-如何使JAWS屏幕阅读器阅读标题文件，逐字逐句而不是句子阅读？

如何使JAWS屏幕阅读器阅读标题文件，逐字逐句而不是句子阅读？

作者: 一生流水
发布时间: 2024-12-28 04:12:40 (2月前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    所以你希望页面标题读作“I S L”，但在视觉上你需要它来显示“ISL”？
  </p>
  <P>
    不幸的是，你无法解决它。如果这是页面上的元素而不是标题，那么你可以使用
    <a href="https://www.w3.org/TR/wai-aria/#aria-label" rel="nofollow noreferrer">
       <code>
        aria-label
      </code>
    </A>
     或明显隐藏的文字强制某种发音，如
  </p>
   <pre>
    <code>
      <h1 aria-label="I S L - my title">ISL - my title</h1>

</code>
  </pre>
  <P>
    要么
  </p>
   <pre>
    <code>
      <p><span aria-hidden="true">ISL</span><span class="sr-only">I S L</span> - my title</p>

</code>
  </pre>
  <P>
    （看到
    <a href="https://stackoverflow.com/questions/19758598/what-is-sr-only-in-bootstrap-3">
      什么是sr-only在Bootstrap 3？
    </A>
    ）
  </p>
  <P>
    但是
    <a href="https://www.w3.org/TR/html53/document-metadata.html#the-title-element" rel="nofollow noreferrer">
       <code>
        <title>
      </code>
    </A>
     element不允许任何aria属性和内容
     <code>
      <title>
    </code>
     只能是文字。
  </p>
  <P>
    屏幕阅读器用户习惯于错误发布的事情。通常，在虚拟电脑光标模式下，他们可以使用左/右箭头键逐字导航，但对于页面标题，您没有该选项。
  </p>
</DIV>