强制屏幕阅读器一次读取一个字母而不是整个单词 [英] Force screen reader to read one letter at a time rather than the entire word

问题描述

我正在构建一个包含以下内容的 HTML 网页:

<块引用>

为了继续，请输入此代码:GJBQTCXU

GJBQTCXU"是一串字母组成的代码；但是，屏幕阅读器会尝试将其发音为单个单词.我怎样才能阻止他们尝试发音这个无意义的单词，而是让它一次读一个字母:G J B Q T C X U".

作为澄清，我正在构建此页面，以便屏幕阅读器自动执行正确的操作.我知道用户可以选择让他们的读者一次发音每个字母，但我不希望我的用户必须采取任何额外的步骤.

解决方案

尝试使用 CSS letter-spacing 属性 -

G J B Q T C X U
div {字母间距:-1.9px；}

示例:http://codepen.io/stevef/pen/grZGBP

I'm building an HTML webpage that contains the following content:

In order to proceed, please enter this code: GJBQTCXU

"GJBQTCXU" is a code comprised of a string of letters; however, screen readers attempt to pronounce this as a single word. How can I stop them from attempting to pronounce this nonsensical word and instead get it to read one letter at a time: "G J B Q T C X U".

As clarification, I'm building this page so that screen readers automatically do the right thing. I know that users can choose to have their reader pronounce each letter at a time, but I don't want my users to have to take any additional steps.

解决方案

try using CSS letter-spacing property -

<div>G J B Q T C X U</div>

div {
    letter-spacing:-1.9px;
}

example: http://codepen.io/stevef/pen/grZGBP

这篇关于强制屏幕阅读器一次读取一个字母而不是整个单词的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！