SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict Divisive Cotton's Avatar
    Join Date
    Jun 2008
    Location
    Andy lives in London, UK
    Posts
    393
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    The WebAIM recommended way to hide content from screen readers

    http://webaim.org/blog/hiding-conten...creen-readers/

    Code:
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    This bit of information might come in handy, or it might not
    Let everyday be Christmas

  2. #2
    SitePoint Wizard silver trophybronze trophy
    Join Date
    Jul 2008
    Location
    New York, NY
    Posts
    1,432
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This would actually hide content from screen readers:

    Code CSS:
    .structural {
        display: none;
        visibility: hidden;
    }

    Your way would actually show screen readers the specified area.

  3. #3
    SitePoint Author silver trophybronze trophy

    Join Date
    Nov 2004
    Location
    Ankh-Morpork
    Posts
    12,158
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The original article's title is 'Hiding content for screen readers', which is also easy to misunderstand. The intention is to hide content from visual user agents, but not from screen readers.
    Birnam wood is come to Dunsinane

  4. #4
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,287
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Lawlz. But get this:

    If you WANT to hide content from screen readers, sometimes you can't:
    using Cooper's codes above, it seems each major screen reader has some exceptions.

    in JAWs it was something like, IF the display: none element is a span which is inside an anchor who has a background colour (or something weird and convoluted like that), it'll read that content out.

    Window-Eyes has something similar, but not the same, so the situation that lets JAWS read out a display: none element doesn't work for W-E.

    bleh.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •