3 ms·
.icon { speak: none; }
by tylermenezes 14y ago
.icon {
speak: none;
}
- duopixel 14y agoAh, nice, didn't know about speak: none;
- ejdyksen 14y agoLast I checked, aural stylesheets aren't broadly supported. You'd be much better off using ARIA (which has pretty broad support from browser vendors and assistive technology vendors): <span class="icon" aria-hidden="true">Facebook</span> Facebook <span class="icon" aria-hidden="true">Twitter</span> Twitter This keeps assistive technologies from rendering the text (not just screen readers, but Braille displays, etc). http://www.w3.org/TR/wai-aria/ http://www.w3.org/TR/wai-aria/
- bill-nordwall 14y agoSupport for aria-hidden is still pretty spotty: http://www.456bereastreet.com/archive/201205/hiding_visible_content_from_screen_readers_with_aria-hidden/ http://www.456bereastreet.com/archive/201205/hiding_visible_...
- lloeki 14y agoLooks nice having CSS supporting non-visual presentation. Sounds like a job for @media queries too, so I looked up on the w3c website [0] and there are a bunch of non-visual targets along 'print' and 'screen', like 'aural' and 'braille'. [0] http://www.w3.org/TR/css3-mediaqueries/ http://www.w3.org/TR/css3-mediaqueries/