The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Accessibility issue: High Contrast in IE9 – Image Replacement

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #39801

    I’m using Technique #8 ( for accessibility friendly image replacement. Works fine in High Contrast mode in all browsers except IE9 (text doesn’t show).
    Any clue?



    h1.technique-eight {
    width: 350px; height: 75px;
    position: relative;

    h1.technique-eight span {
    background: url(“images/header-image.jpg”);
    position: absolute;
    width: 100%;
    height: 100%;


    Can you provide a link or a Codepen?


    Yes, Codepen (ignore logo transparency) –

    Remember: issue only in ie9. Thanks.


    As near as I can tell this is a problem with background images and HCM. in HCM will show the text but only because I have disabled the background image.

    I believe that you can detect HCM with JS (JQuery has something I think) but otherwise a re-think might be required.


    I forgot to say they don’t want it to be done with javascript ;)
    Anyways, it helps. Thanks a lot!

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.