有没有办法写屏幕阅读器会忽略的内容？ [英] Is there a way to write content that screen readers will ignore?

问题描述

我刚刚在一个网页上工作，需要让视力和视力受损的用户都能访问。内容的一些元素，仅​​仅由于仅与视觉元素相关的本质，不适用于使用屏幕阅读器的人。例如，链接在新窗口中打开视听演示文稿，但是由于我无法控制的情况，窗口的大小调整不当，因此出现一条消息，提示您应该调整窗口大小，以便更好地查看所有内容。

是否有接受的方式让屏幕阅读器忽略某些内容？

$ b $

CSS可以做到这一点： / p>

 < span class =dontRead>屏幕阅读器不应阅读此< / span> 
 
 .dontRead {
 speak：none; 
} 
  

I've just been working on a page which needs to be accessible to both sighted and visually impaired users. Some elements of the content, just by the nature of relating only to visual elements, simply do not apply to people using screen readers. For example, a link opens an audio-visual presentation in a new window, but due to circumstances beyond my control, the window is awkwardly resized, so there's a message saying that you should resize the window so you can see everything better. Obviously this is useless information to someone who can't see it anyway.

Is there an accepted way to make screen readers ignore some content?

解决方案

Halfway through writing the question I remembered where to look.

CSS can do this:

<span class="dontRead">Screen readers shouldn't read this</span>

.dontRead {
    speak: none;
}

这篇关于有没有办法写屏幕阅读器会忽略的内容？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！