Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. The Lounge
  3. Accessible Design with HTML5 - My slides from HTML5DevConf

Accessible Design with HTML5 - My slides from HTML5DevConf

Scheduled Pinned Locked Moved The Lounge
csharphtmlcomdesign
14 Posts 5 Posters 7 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • P Pete OHanlon

    Well, in slide 7, you seem to be implying that the senior citizens are disabled, perhaps you could change the disabled bullet to "people with disabilities". Slide 10: "It's the law" - and I would move that one to the top, it's a lot more important than all the other cases; they'll merely lose you customers - also, unless you are only intending this to ever be for an American audience, section 508 is purely an American law, so you could possibly point out that it's jurisdictional. Also, you seem to single out senior citizens as being mentally unfit to cope with the web; oh and accessibility has nothing to do with higher SEO, so your link there is tenuous. Slide 18: It's more commonly referred to as Sans serif not San Serif. San Serif is a corruption based on a mishearing of Sans Serif. While I like the bad/good example comparisons that you do, I would tend to put them on separate slides. By having them on the same slide, if I'm sitting in the audience, my attention is going to be flicking between the two to see which one I think is best and to see what the problems are. One thing I'm surprised you didn't put in is that screen readers, etc, are still playing catch up with HTML 5.

    *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

    "Mind bleach! Send me mind bleach!" - Nagy Vilmos

    CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

    R Offline
    R Offline
    Raj Lal
    wrote on last edited by
    #5

    Thanks Pete for all the comments,

    Pete O'Hanlon wrote:

    slide 7, you seem to be implying that the senior citizens are disabled,

    My point there was, Accessibility is for Everyone not just disabled person, but also senior citizens, etc.

    Pete O'Hanlon wrote:

    Slide 10: "It's the law"

    Yes i think your point is valid although the law is meant only companies who get govt. grants and are in u.s.

    Pete O'Hanlon wrote:

    One thing I'm surprised you didn't put in is that screen readers, etc, are still playing catch up with HTML 5.

    yes, screen readers are still catching but my point was to persuade people to start adding accessibility to their websites, this point is particularly discouraging. But i did mentioned that in the session. thanks again Raj

    Omit Needless Words - Strunk, William, Jr.


    Get Ready for http://DesignandMethod.com

    1 Reply Last reply
    0
    • N Nish Nishant

      Pete O'Hanlon wrote:

      Well, in slide 7, you seem to be implying that the senior citizens are disabled,

      I didn't get that impression at all. The list he has :

      • Disabled
      • Senior citizens
      • Low literacy level
      • Temporary illness
      • Advanced users

      And then he has that big "For Everyone" down below. Maybe by positioning it just below "disabled", it may seem that way but I wouldn't normally have thought of it that way at all. BTW Rajesh, you spelled it wrong : "Seniors" instead of "Senior".

      Regards, Nish


      My technology blog: voidnish.wordpress.com

      R Offline
      R Offline
      Raj Lal
      wrote on last edited by
      #6

      Thanks Nish for clarification and yes, due to overlapping over the image i had to put "For Everyone" below, but i can see why the confusion. Also good catch about the Senior(s), thanks.

      Omit Needless Words - Strunk, William, Jr.


      Get Ready for http://DesignandMethod.com

      1 Reply Last reply
      0
      • L Lost User

        Pete O'Hanlon wrote:

        Slide 18: It's more commonly referred to as Sans serif not San Serif. San Serif is a corruption based on a mishearing of Sans Serif.

        Pete, Pete, Pete, it's Yankeeland stuff, you know, like Math, Physic and all that other stuff that you can just remove the superfluous S from the end of the word.

        Michael Martin Australia "I controlled my laughter and simple said "No,I am very busy,so I can't write any code for you". The moment they heard this all the smiling face turned into a sad looking face and one of them farted. So I had to leave the place as soon as possible." - Mr.Prakash One Fine Saturday. 24/04/2004

        R Offline
        R Offline
        Raj Lal
        wrote on last edited by
        #7

        But thanks to Pete, these kind of slight mistakes distract the audience from the main subject.

        Omit Needless Words - Strunk, William, Jr.


        Get Ready for http://DesignandMethod.com

        1 Reply Last reply
        0
        • P Pete OHanlon

          Well, in slide 7, you seem to be implying that the senior citizens are disabled, perhaps you could change the disabled bullet to "people with disabilities". Slide 10: "It's the law" - and I would move that one to the top, it's a lot more important than all the other cases; they'll merely lose you customers - also, unless you are only intending this to ever be for an American audience, section 508 is purely an American law, so you could possibly point out that it's jurisdictional. Also, you seem to single out senior citizens as being mentally unfit to cope with the web; oh and accessibility has nothing to do with higher SEO, so your link there is tenuous. Slide 18: It's more commonly referred to as Sans serif not San Serif. San Serif is a corruption based on a mishearing of Sans Serif. While I like the bad/good example comparisons that you do, I would tend to put them on separate slides. By having them on the same slide, if I'm sitting in the audience, my attention is going to be flicking between the two to see which one I think is best and to see what the problems are. One thing I'm surprised you didn't put in is that screen readers, etc, are still playing catch up with HTML 5.

          *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

          "Mind bleach! Send me mind bleach!" - Nagy Vilmos

          CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

          R Offline
          R Offline
          Raj Lal
          wrote on last edited by
          #8

          Pete O'Hanlon wrote:

          accessibility has nothing to do with higher SEO, so your link there is tenuous.

          i do wanted to respectfully disagree with you here because there is a famous case study about CNN getting 30% more traffic after they made their website more accessible by adding transcripts

          Omit Needless Words - Strunk, William, Jr.


          Get Ready for http://DesignandMethod.com

          B P 2 Replies Last reply
          0
          • R Raj Lal

            Pete O'Hanlon wrote:

            accessibility has nothing to do with higher SEO, so your link there is tenuous.

            i do wanted to respectfully disagree with you here because there is a famous case study about CNN getting 30% more traffic after they made their website more accessible by adding transcripts

            Omit Needless Words - Strunk, William, Jr.


            Get Ready for http://DesignandMethod.com

            B Offline
            B Offline
            BillWoodruff
            wrote on last edited by
            #9

            Raj Lal wrote:

            a famous case study about CNN getting 30% more traffic after they made their website more accessible by adding transcript

            Hi Raj, I have been unable to locate a source for your statement about CNN and increased access because of transcripts. However, I did locate a W3.org source indicating CNET improved traffic 30%[^] by use of transcripts. If you have a source re CNN and transcripts, I'd appreciate a link. thanks, Bill

            "Humans are amphibians ... half spirit and half animal ... as spirits they belong to the eternal world, but as animals they inhabit time. This means that while their spirit can be directed to an eternal object, their bodies, passions, and imaginations are in continual change, for to be in time, means to change. Their nearest approach to constancy, therefore, is undulation: the repeated return to a level from which they repeatedly fall back, a series of troughs and peaks.” C.S. Lewis

            R 1 Reply Last reply
            0
            • B BillWoodruff

              Raj Lal wrote:

              a famous case study about CNN getting 30% more traffic after they made their website more accessible by adding transcript

              Hi Raj, I have been unable to locate a source for your statement about CNN and increased access because of transcripts. However, I did locate a W3.org source indicating CNET improved traffic 30%[^] by use of transcripts. If you have a source re CNN and transcripts, I'd appreciate a link. thanks, Bill

              "Humans are amphibians ... half spirit and half animal ... as spirits they belong to the eternal world, but as animals they inhabit time. This means that while their spirit can be directed to an eternal object, their bodies, passions, and imaginations are in continual change, for to be in time, means to change. Their nearest approach to constancy, therefore, is undulation: the repeated return to a level from which they repeatedly fall back, a series of troughs and peaks.” C.S. Lewis

              R Offline
              R Offline
              Raj Lal
              wrote on last edited by
              #10

              thanks a lot, The case stdy was about CNET and not CNN :-D I really appreciate your time looking into the matter and clarifying for everyone.

              Omit Needless Words - Strunk, William, Jr.


              Get Ready for http://DesignandMethod.com

              1 Reply Last reply
              0
              • R Raj Lal

                Pete O'Hanlon wrote:

                accessibility has nothing to do with higher SEO, so your link there is tenuous.

                i do wanted to respectfully disagree with you here because there is a famous case study about CNN getting 30% more traffic after they made their website more accessible by adding transcripts

                Omit Needless Words - Strunk, William, Jr.


                Get Ready for http://DesignandMethod.com

                P Offline
                P Offline
                Pete OHanlon
                wrote on last edited by
                #11

                My point isn't that you can't improve SEO with accessibility, it's that designing an accessible site may not achieve any increase in your site due to SEO. If you have a modern, fluid, CSS driven site, then making it accessible may achieve nothing. In CNETs case, their provision of transcripts was linked to a massive redesign which fundamentally changed the behaviour of their site because they previously had content, in video form, that couldn't be indexed. As most sites aren't as reliant on videos as CNET was, the link is still tenuous.

                *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

                "Mind bleach! Send me mind bleach!" - Nagy Vilmos

                CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

                R 1 Reply Last reply
                0
                • P Pete OHanlon

                  My point isn't that you can't improve SEO with accessibility, it's that designing an accessible site may not achieve any increase in your site due to SEO. If you have a modern, fluid, CSS driven site, then making it accessible may achieve nothing. In CNETs case, their provision of transcripts was linked to a massive redesign which fundamentally changed the behaviour of their site because they previously had content, in video form, that couldn't be indexed. As most sites aren't as reliant on videos as CNET was, the link is still tenuous.

                  *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

                  "Mind bleach! Send me mind bleach!" - Nagy Vilmos

                  CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

                  R Offline
                  R Offline
                  Raj Lal
                  wrote on last edited by
                  #12

                  Now I see your point, thanks for the clarification. Yes you are right, if your websites are using standard Modern HTML guidelines with alt attribute and title's for image and links, you are already doing everything for SEO. CNET is definitively a special case due to video, YMMV. regards Raj

                  Omit Needless Words - Strunk, William, Jr.


                  Get Ready for http://DesignandMethod.com

                  P 1 Reply Last reply
                  0
                  • R Raj Lal

                    Now I see your point, thanks for the clarification. Yes you are right, if your websites are using standard Modern HTML guidelines with alt attribute and title's for image and links, you are already doing everything for SEO. CNET is definitively a special case due to video, YMMV. regards Raj

                    Omit Needless Words - Strunk, William, Jr.


                    Get Ready for http://DesignandMethod.com

                    P Offline
                    P Offline
                    Pete OHanlon
                    wrote on last edited by
                    #13

                    One thing I forgot to put in - good job on the slides. You should write a book about it.

                    *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

                    "Mind bleach! Send me mind bleach!" - Nagy Vilmos

                    CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

                    R 1 Reply Last reply
                    0
                    • P Pete OHanlon

                      One thing I forgot to put in - good job on the slides. You should write a book about it.

                      *pre-emptive celebratory nipple tassle jiggle* - Sean Ewington

                      "Mind bleach! Send me mind bleach!" - Nagy Vilmos

                      CodeStash - Online Snippet Management | My blog | MoXAML PowerToys | Mole 2010 - debugging made easier

                      R Offline
                      R Offline
                      Raj Lal
                      wrote on last edited by
                      #14

                      thanks made my day ! I am writing an article at msdn on the topic (will update you), if that becomes popular i will think about investing time on writing a book :)

                      Omit Needless Words - Strunk, William, Jr.


                      Get Ready for http://DesignandMethod.com

                      1 Reply Last reply
                      0
                      Reply
                      • Reply as topic
                      Log in to reply
                      • Oldest to Newest
                      • Newest to Oldest
                      • Most Votes


                      • Login

                      • Don't have an account? Register

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Categories
                      • Recent
                      • Tags
                      • Popular
                      • World
                      • Users
                      • Groups