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

时间:2018-04-04 19:14:57

标签: html css html5 twitter-bootstrap bootstrap-4

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

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

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

1 个答案:

答案 0 :(得分:0)

很晚了,不确定是否能完全解决问题,但这是我在隐藏缩写格式的同时向屏幕阅读器显示完整日期的方法,反之亦然 观众。
我使用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>