Jit*_*yas 8 css xhtml accessibility screen-readers
如何仅从屏幕阅读器隐藏任何元素,而不是从普通用户的页面隐藏？
我知道这些片段,但我想隐藏屏幕重做的东西,但不是从视觉上的页面隐藏.Sscreen阅读器应该跳过隐藏的部分.
/* Hide for both screenreaders and browsers
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/ ; & j.mp/visuallyhidden ; */
.visuallyhidden { position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }