title: Correct usage of <img> alt attribute for picture quotes?
body: <p>What would be the correct usage of the alt attribute, given a picture quote?</p>
  
  <p>It would seem to qualify as an image with 'decorated text,' <a href="http://www.w3.org/QA/Tips/altAttribute" rel="nofollow">which W3C recommends</a> placing the entirety of the text in the alt attribute. However, I'm guessing that their idea of decorated text is a short phrase. In fact, they recommend a 'short line' for the alt attribute.</p>
  
  <p>Additionally, <a href="http://accessibility.psu.edu/images/imageshtml/" rel="nofollow">some screen readers</a> apparently break up the text into blocks of 125 characters.</p>
  
  <p>More specific to my circumstances (since this question probably seems trivial), I run a quote website that gets quite a bit of traffic, so making sure it's accessible and semantic is important to me. In the next version, the quotes will be displayed as a collage — some text, some picture quotes.</p>
  
  <p>I was initially planning to use the following, based on the fact that the alt attribute should describe the image with a short sentence:</p>
  
  <blockquote>
    <p>Picture quote about courage, perseverance, and success</p>
  </blockquote>
  
  <p>That's short, descriptive, and great for SEO. However, it would seem to me that descriptions like this would be useless to a blind person who's browsing through quotes on the site. Yes, they could click through to get the entire quote, but still, the alt text wouldn't make that original image or page very useful to them.</p>
  
  <p>And, as an afterthought, I don't know if the word "picture" should be used or not. It's usually recommended to leave out words like image, picture, icon, etc. But in this case, it would seem to be useful, giving the user more information about what's being read to them — considering that the alt text would actually be what's ON the image, rather than what the original image is. And I wouldn't think that the actual image should be referenced at all in the alt attribute, since the 'purpose' of the image is to present the quote.</p>
  
  <p>Then I figured this would make the most sense:</p>
  
  <blockquote>
    <p>Quote By Anne M. Lindbergh: 'It takes as much courage to have tried
    and failed as it does to have tried and succeeded.'</p>
  </blockquote>
  
  <p>This gives the user a description of what is about to be read to them, followed by a colon — which, from my understanding, will cause screen readers to pause — and concluded with the quote.</p>
  
  <p>The only problem with this is that long quotes, which can get up to between 200 and 600 characters, will create problems for screen readers when used as the alt text. And I even wonder if this format might negatively affect SEO (making it look like I'm over-optimizing).</p>
  
  <p>So with all of that in mind, should I essentially view the picture quotes as 'complex' images, and therefore inaccessible? Or should I add all of the text and hope for the best?</p>