James Leslie wrote: > I'm running our sites through Cynthia WAI validation and need to put > some characters other than whitespace between adjacent links to pass a > checkpoint. From various bits of reading I have elected to use a pipe > symbol hidden with CSS as a separator. >
Based on reading I've done, wrapping each link in an <li> tag accomplishes this same requirement and is more semantic, too. I wouldn't bother placing characters between links. > My question comes from nearly all of the examples using > visibility:hidden to hide the pipe whereas I was planning on using > display:none. My understanding is that visibility:hidden would leave any > space that the hidden object takes up rendered as whitespace (or the > background) and display:none removes that space from workflow. > > Display seems a better idea to me as it will unnecessarily affect layout > to some extent otherwise in the visual medium. Is my understanding > correct and is there any reason why using visibility is preferable? > Some screen readers ignore things set to display: none, so it would defeat your purpose to add the characters and then remove them from the screen readers' "sight" in this way. But you're right: setting their visibility to none would leave space behind. Just add the list items and avoid both of these problems. Zoe > > Thanks > James > ______________________________________________________________________ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7 information -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > > -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
