[英]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.