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

Sami Keijonen sami.keijonen at foxnet.fi
Fri Mar 29 11:41:53 UTC 2013


Thanks for the tip Taryn! Let's not talk about browser support in this
topic.


On 29 March 2013 10:40, Phenomenoodle | Taryn Wallis <
taryn at phenomenoodle.com> wrote:

> Background images can scale if you use the background-size CSS property
> with % and auto (e.g. background-size: 100% auto;)
>
> ______________________________
> *Taryn Wallis*
> Phenomenoodle
> WordPress design & development
> www.phenomenoodle.com
> +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
>>
>>
>
> _______________________________________________
> theme-reviewers mailing list
> theme-reviewers at lists.wordpress.org
> http://lists.wordpress.org/mailman/listinfo/theme-reviewers
>
>


-- 
Sami Keijonen
Fox Holding Oy
sami.keijonen at foxnet.fi
www.foxnet.fi
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.wordpress.org/pipermail/theme-reviewers/attachments/20130329/a4b1141a/attachment-0001.htm>


More information about the theme-reviewers mailing list