Re: F3: Failure of Success Criterion 1.1.1 due to using CSS

On Fri, Aug 17, 2012 at 3:26 AM, Neil King
<Neil.King@visionaustralia.org> wrote:
> Hi All
>
> We are finding more and more clients are struggling to overcome F3 of WCAG
> 2.0 (Failure of Success Criterion 1.1.1 due to using CSS to include images
> that convey important information). Essentially they are using CSS Sprites
> for buttons and other important images that are not visible in Windows High
> Contrast Mode.
>
> Does anyone know of an easy way around this for complex and large websites
> that are not planning a redesign? Steve provided some great insights in his
> article 'High Contrast Proof CSS Sprites' via the before: pseudo element
> (http://www.paciellogroup.com/blog/2010/01/high-contrast-proof-css-sprites/).
> Anyone have any advances on this or similar solutions they recommend?

Well, one thing to note is that after talk in various circles about
using media queries for this purpose, it looks like Microsoft have
introduced a vendor-specific media query for high contrast in Windows
8:

    http://msdn.microsoft.com/en-us/library/windows/apps/hh465764.aspx

Apparently this will make an appearance in IE 10:

    http://msdn.microsoft.com/en-us/library/windows/desktop/hh848048(v=vs.85).aspx

Something like this has been discussed for inclusion in a future media
queries spec:

    http://wiki.csswg.org/spec/mediaqueries4#high-contrast-mode

--
Benjamin Hawkes-Lewis

Received on Friday, 17 August 2012 22:29:37 UTC