<div dir="ltr">Hello,<div>Your rule of thumb sounds correct.</div><div><br></div><div>Generally I think background images of any kind are going to cause problems, for the reason you noted (not read by screenreaders) but also because of almost inevitable contrast problems with the text that's overlaid. Greg Kraus' cool new contrast checker plugin for Chrome can tell you if it's a problem but it's easier just to avoid the issue if possible.</div>
<div><br></div><div>See WCAG Failure criteria:</div><div><a href="http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/F83">http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/F83</a><br></div><div>and</div><div><a href="http://www.w3.org/TR/WCAG-TECHS/F3.html">http://www.w3.org/TR/WCAG-TECHS/F3.html</a><br>
</div><div><br></div><div>Important images shouldn't be in the background.</div><div><br></div><div>-*- Dan</div></div><div class="gmail_extra"><br><br><div class="gmail_quote">On Thu, Nov 7, 2013 at 9:53 AM, N Dogbo <span dir="ltr"><<a href="mailto:ndogbo@gmail.com" target="_blank">ndogbo@gmail.com</a>></span> wrote:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi Athenites expert on web accessibility,<br>
I please need your opinion / help here--<br>
What do you think about company logo as a background image? Is this a<br>
good practice? Is it or should it even be allowed? Even if an alt text<br>
can be assigned to it, a person using a screen reader only sees an out<br>
of context text with no target since background image is not picked up<br>
by screen readers, resulting in a very bad / poor user experience. My<br>
rule of thumb is-- if one feels the need to alt-text an image then<br>
that image should not be a background image, especially company logo.<br>
<br>
What do you all think and or recommend? Is there something in WCAG2.0<br>
that sort of addresses that?<br>
<br>
Thanks so much in advance for your help addressing my concern.<br>
<span class="HOEnZb"><font color="#888888"><br>
N Dogbo<br>
_______________________________________________<br>
athen-list mailing list<br>
<a href="mailto:athen-list@mailman1.u.washington.edu">athen-list@mailman1.u.washington.edu</a><br>
<a href="http://mailman1.u.washington.edu/mailman/listinfo/athen-list" target="_blank">http://mailman1.u.washington.edu/mailman/listinfo/athen-list</a><br>
</font></span></blockquote></div><br><br clear="all"><div><br></div>-- <br><div><font face="arial, helvetica, sans-serif">-*- Dan Comden                       <a href="mailto:danc@washington.edu" target="_blank">danc@uw.edu</a></font></div>
<div><font face="arial, helvetica, sans-serif">    Access Technology Center   <a href="http://www.uw.edu/itconnect/accessibility/atl/" target="_blank">www.uw.edu/itconnect/accessibility/atl/</a></font></div><div><font face="arial, helvetica, sans-serif">    University of Washington      UW Information Technology</font></div>
<div><br></div>
</div>