当前位置：文江博客话题详情

我可以让我的网站仅使用辅助技术（VoiceOver/JAWS）向用户朗读文本吗？

发布于 2024-10-16 03:15:17 字数 46 浏览 8 评论 0原文

我想让我的网站简要地向盲人用户朗读一些内容，从而为他们提供一些帮助。这可能吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

假情假意假温柔 2024-10-23 03:15:17

提供将使用屏幕阅读器读取给用户（但不会向视力正常的用户显示）的内容的一种方法是使用 CSS 定位内容，使其位于屏幕外。

例如：

在CSS中：

.screen-reader { 
  position: absolute; 
  left: -10000px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden; 
}

在HTML中：

<p>This text will be read to the screen reader and shown on screen.</p>
<p class="screen-reader">This text will be read to a screen reader but won't show up on screen.</p>

请参阅隐藏文本的技术（位于WebAIM）了解更多信息。

One way you can provide content that will be read to users using a screen reader (but not shown to sighted users) is by positioning the content using CSS such that it is offscreen.

E.g. Something like:

In CSS:

.screen-reader { 
  position: absolute; 
  left: -10000px; 
  width: 1px; 
  height: 1px; 
  overflow: hidden; 
}

In your HTML:

<p>This text will be read to the screen reader and shown on screen.</p>
<p class="screen-reader">This text will be read to a screen reader but won't show up on screen.</p>

See Techniques for hiding text (at WebAIM) for more info.

回复收藏 0 原文