SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Nov 2008
    Location
    Germany
    Posts
    119
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    WAI-ARIA presentation questions

    Hi,

    is a image that is a link a presentation? Like images that open in a lightbox.

    And W3 says:
    "An element whose content is completely presentational (like a spacer image, decorative graphic, or clearing element)."

    Does that mean all the images in my design are a role presentational?
    If this is the case, than all images all over the side need a role="presentational"...

  2. #2
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    If the page makes sense without the image, the chances are it's presentational.
    If the image (or it's "alt text" replacement) is essential to the page, it's content.

    But what's with role="presentational"? That doesn't mean anything!

  3. #3
    SitePoint Zealot
    Join Date
    Nov 2008
    Location
    Germany
    Posts
    119
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that was a writeing error, i mean role="presentation".

    Hm, sorry i don't get it. I think every page makes sense without the images (expect flickr *lol). I mean you can still read the page without the logo, header image, borders, the popups where you show your car...

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Glasspoole View Post
    Hm, sorry i don't get it. I think every page makes sense without the images (expect flickr *lol). I mean you can still read the page without the logo, header image, borders, the popups where you show your car...
    There are some images that, while they may not be vital to the page, are nevertheless an essential part of the complete page. A good example here is the "red flag" icon on each post. Sure, you can read and navigate the page without that, but you lose some of the functionality if the image (or its alt text) isn't there, so the image forms part of the content. Compare that with the avatar beneath the author's name - this is pretty superfluous, and you don't really lose anything by not having it there, so that would count as decoration.

  5. #5
    SitePoint Guru Chroniclemaster1's Avatar
    Join Date
    Jun 2007
    Location
    San Diego, CA
    Posts
    784
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Stevie D View Post
    A good example here is the "red flag" icon on each post. Sure, you can read and navigate the page without that, but you lose some of the functionality if the image (or its alt text) isn't there, so the image forms part of the content.
    I like this example. Yeah, basically if the image is only there to look pretty, you should probably apply it in the stylesheet as a CSS background image. On the other hand the red flag is not a flourish, it provides meaning on the page. Like an image of a mantee that accompanies an article on manatees, that's not a superflous image, it should be written inline with an img element and suitable alt text.
    Whatever you can do or dream you can, begin it.
    Boldness has genius, power and magic in it. Begin it now.

    Chroniclemaster1, Founder of Earth Chronicle
    A Growing History of our Planet, by our Planet, for our Planet.

  6. #6
    Follow: @AlexDawsonUK silver trophybronze trophy AlexDawson's Avatar
    Join Date
    Feb 2009
    Location
    England, UK
    Posts
    8,111
    Mentioned
    0 Post(s)
    Tagged
    1 Thread(s)
    Basically, if the image is a visual flourish and doesn't enhance the content (so it relates to the site, not to the specific content), then it's presentational.

    Generally in HTML you should have non-essential images within the CSS rather than as IMG elements within the document.


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
  •