[theme-reviewers] Accessibility Auditing of themes - next steps

Phenomenoodle | Taryn Wallis taryn at phenomenoodle.com
Fri Mar 29 08:40:20 UTC 2013

Background images can scale if you use the background-size CSS property
with % and auto (e.g. background-size: 100% auto;)

*Taryn Wallis*
WordPress design & development
+44 1875 34 0044
+44 774 839 8473

On Fri, Mar 29, 2013 at 7:52 AM, Sami Keijonen <sami.keijonen at foxnet.fi>wrote:

>> I may have missed something, but generally, custom header images, if
>> using the core custom header functionality, are shown as CSS
>> backgrounds. That's the easiest and most compatible way to do it,
>> especially if you're designing to look good on mobile too.
>> Now, I grant you that you don't *have* to do it that way, but
>> twenty-eleven/twelve/thirteen all do, and I expect many themes have
>> copied code from them. Twenty Ten, notably, did not do it that way and
>> used an IMG tag, with a blank alt.
>> -Otto
>> _______________________________________________
> There are pros and cons using custom header image as CSS backgrounds. Good
> thing is that you can show it only on larger screens with media queries and
> large header background don't get loaded on mobile. Not so good thing is
> that background image don't scale. Imagine that header image is a band
> image. In smaller screens only quitar player curly hair would be seen.
> So my opinion is leave alt tag blank when using it as an image, not CSS
> background.
> --
> Sami Keijonen
> Fox Holding Oy
> sami.keijonen at foxnet.fi
> www.foxnet.fi
> _______________________________________________
> theme-reviewers mailing list
> theme-reviewers at lists.wordpress.org
> http://lists.wordpress.org/mailman/listinfo/theme-reviewers
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wordpress.org/pipermail/theme-reviewers/attachments/20130329/a540a6bb/attachment.htm>

More information about the theme-reviewers mailing list