时间戳

首页 > 解决方案 > 如何使 JAWS 屏幕阅读器阅读标题文档以逐个字母而不是逐句阅读？

javascript - 如何使 JAWS 屏幕阅读器阅读标题文档以逐个字母而不是逐句阅读？

问题描述

我正在使用 title 元素来更新文档标题并使用 JAWS 阅读器来阅读页面。阅读文档标题的方式面临问题。下面是我更新标题属性的代码

var _doctit = "MY TITLE";
document.title = "ISL - " + _doctit;

我正坐在 JavaScript 中，像“IS”+L 这样的屏幕阅读。但我想让它读作 IS L。我尝试使用空格/点表示它有效，但我无法使用空格/点设置标题。任何人都请帮我解决这个问题。

标签： javascripthtmluiaccessibilityjaws-screen-reader

解决方案

因此，您希望页面标题读作“IS L”，但在视觉上您需要它显示“ISL”？

不幸的是，你无法修复它。如果这是页面上的一个元素而不是标题，那么您可以使用一个aria-label或明显隐藏的文本来强制执行某种发音，例如

<h1 aria-label="I S L - my title">ISL - my title</h1>

或者

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

（请参阅Bootstrap 3 中的 sr-only 是什么？）

但是该<title>元素不允许任何 aria 属性，并且内容<title>只能是文本。

屏幕阅读器用户习惯于发音错误。通常，他们可以在虚拟 PC 光标模式下使用左/右箭头键自己逐个字母导航，但对于页面标题，您没有该选项。

推荐阅读