[Accessibility_sig] Pull Quotes
Amy Gelfand
cycle_roundrock at yahoo.com
Fri Apr 13 12:59:22 CDT 2007
To my mind, a pull-quote is a purely decorative "nice to have." I can think of two ways to implement a pull-quote using the content property.
1. Create an empty span element with a class value of, say, "quote," and a title attribute containing the exact text of the desired pull-quote. Create CSS: span.quote:before {content:attr(title);}
2. You could also make the same empty span element sans title attribute (and with a unique id instead) and assign the pull-quote as the content property's value, which would prevent a screen reader from noting the title attribute, but then you'd be mixing your style and content layers. Maintenance would also be problematic. I don't like this idea at all.
I would probably create an empty span tag with an id and then use JavaScript to write in the pull-quote content on the fly. That, at least, seems more consistent with my notion that inserting an "extraneous" pull-quote is a behavior and therefore should be handled with scripting rather than CSS alone.
Either method (CSS or JS) will be inaccessible to a small percentage of users, but since it is redundant text anyway, I would not be very concerned. I'd just make sure the design retains its integrity with the additional pull-quote decoration.
My $0.02. Have aa great weekend, everybody!
Amy
Amy Gelfand
Web Developer
National Instruments
512-683-8863
---------------------------------
Ahhh...imagining that irresistible "new car" smell?
Check outnew cars at Yahoo! Autos.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: /pipermail/accessibility_sig_knowbility.org/attachments/20070413/844fd95d/attachment.html
More information about the Accessibility_sig
mailing list