如何让屏幕阅读器读取div中的不同文本

我有一个这样的div：<div class="whatever">17:03</div>

当有人使用屏幕阅读器将鼠标悬停在该文本上时，我希望它显示“17 分 3 秒”

这样做的标准做法是什么？

您可以包含一些仅供屏幕阅读器使用的附加文本：

<div class="whatever">17<span class="sr-only"> minutes and </span>:03<span class="sr-only">seconds</span></div>

和 CSS（取自 Bootstrap 3）

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}