 | | | |
Though somewhat rare, there are occasions when the accessibility needs of screen reader users appear to be at odds with the needs of visual users. This kind of conflict occurs when Web developers put form elements inside of a data table matrix, when they want to use images as headings instead of text, and in other situations. Adding extra text helps screen reader users, but can complicate the visual layout, thus reducing understandability. One solution is to use CSS to hide the text from sighted users in a way that is still accessible to screen readers. The details of this technique are discussed, along with the technical reasoning behind it.
View all eight works by Bohman, Paul
View all 63 works published by WebAIM |
An Accessible Method of Hiding HTML Content
http://www.webaim.org/techniques/articles/hiddentext
Bohman, Paul
WebAIM
2002
Abstract: Though somewhat rare, there are occasions when the accessibility needs of screen reader users appear to be at odds with the needs of visual users. This kind of conflict occurs when Web developers put form elements inside of a data table matrix, when they want to use images as headings instead of text, and in other situations. Adding extra text helps screen reader users, but can complicate the visual layout, thus reducing understandability. One solution is to use CSS to hide the text from sighted users in a way that is still accessible to screen readers. The details of this technique are discussed, along with the technical reasoning behind it.
|
|
| |
There are 35 readers currently online: 1 registered user and 34 guests. Register.