[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