我使用.sr-only与Lynx等基于文本的浏览器兼容。例如,我在标题上放了一个ASCII标识,所以如果有人用Firefox之类的标准GUI浏览器浏览网站,它会显示正常的图形标识。否则,它显示ASCII文本标志。
但是在联系页面上,有一个OpenStreetMap iframe。我也在那里放了一张ASCII地图,但是当我在Lynx中打开页面时,OSM嵌入有一个很长的URL和错误消息。
这是我的问题:我想只有在使用屏幕阅读器/文本浏览器时才能使OSM嵌入。这就像反向sr-only。
答案 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>