簡體   English   中英

在Bootstrap 4中是否有類似反向sr的東西?

[英]Is there anything like reverse sr-only in Bootstrap 4?

我使用.sr-only與Lynx等基於文本的瀏覽器兼容。 例如,我在標題上放了一個ASCII標識,所以如果有人用Firefox之類的標准GUI瀏覽器瀏覽網站,它會顯示正常的圖形標識。 否則,它顯示ASCII文本標志。

但在聯系頁面上,有一個OpenStreetMap iframe。 我也在那里放了一張ASCII地圖,但是當我在Lynx中打開頁面時,OSM嵌入有一個很長的URL和錯誤消息。

這是我的問題:我想只有在使用屏幕閱讀器/文本瀏覽器時才能使OSM嵌入。 這就像反向sr-only。

很晚,並不確定它是否會有所幫助,但這就是我在隱藏縮寫格式時向屏幕閱讀器顯示完整日期的方式,並為視力正常的觀眾做相反的事情。
我使用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>                    

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM