在 Bootstrap 4 中是否有类似反向 sr-only 的东西?



我使用.sr-only与Lynx等基于文本的浏览器兼容。例如,我在标题上放了一个ASCII徽标,因此,如果有人使用Firefox等标准GUI浏览器浏览网站,它会显示正常的图形徽标。否则,它会显示 ASCII 文本徽标。

但是在联系页面上,有一个OpenStreetMap iframe。我也在那里放了一个ASCII映射,但是当我在Lynx中打开页面时,OSM嵌入在那里,带有很长的URL和错误消息。

这是我的问题:我想使OSM嵌入仅在使用屏幕阅读器/文本浏览器时才可见。这就像只有反向 sr。

很晚了,不确定它是否会有所帮助,但这就是我向屏幕阅读器显示完整日期的方式,同时隐藏缩写格式,并为视力做相反的事情 观众。
我用aria-hidden将视线正常的观众的文本隐藏在屏幕阅读器之外,并使用aria-label让屏幕阅读器查找和阅读:

<span aria-label="Beginning April 25 2017 until December 31 2035">
<span aria-hidden="true">2017/04/25 - 2035/12/31</span>
</span>                    

最新更新