WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: quotes and the <blockquote> element

for

From: Dean Hamack
Date: Apr 29, 2009 12:00PM

Here's a good article about use of the q tag:

http://www.alistapart.com/articles/qtag

Using blockquotes with background images is very common, and I see no
problem with doing it. The amount of people browsing with css off is
even lower than the amount of people browsing with js off. And even If
someone does have css off, they will still see an indented block level
item, and it's meaning should be pretty clear.

> -------- Original Message --------
> Subject: [WebAIM] quotes and the <blockquote> element
> From: Keith Parks < <EMAIL REMOVED> >
> Date: Wed, April 29, 2009 9:20 am
> To: WebAIM Discussion List < <EMAIL REMOVED> >
>
>
> Hi folks.
>
> I was on the verge of chiding a colleague over using a complex
> combination of html and css to create fancy quotes as background
> images behind a short (maybe 2 sentence), stand-alone quote (as
> opposed to an inline quote). My complaint being that there would
> therefore be no quote marks in the text flow. But I thought I ought to
> read up on it first, and I see that I may be off base in my thinking.
> (I also discovered the <q> element.)
>
> So, would the Best Practice for stand-alone quotes be to mark it up as
> a <blockquote> and then use css to render the onscreen quote marks?
>
> I assume this would be fine for a screen reader, but it seems
> problematic for someone visiting the site with css OFF, or someone
> using their own css. (Because here in the Calif. university system,
> one of the items on our accessibility checklist is to make sure the
> page content makes sense with css off.)
>
> What to do?
>
> ******************************
> Keith Parks
> Graphic Designer/Web Designer
> Student Affairs Communications Services
> San Diego State University
> San Diego, CA 92182-7444
> (619) 594-1046
> mailto: <EMAIL REMOVED>
> http://www.sa.sdsu.edu/communications
>
> http://kparks.deviantart.com/gallery
> ----------------------------------------------------------
>
> (Objects on your screen may be closer than they appear)
>
>
>