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.
  • R Offline
    R Offline
    Raj Lal
    wrote on last edited by
    #1

    Let me know what you guys think. www.slideshare.net/rajeshlal/accessible-design-with-html5-13021406[^]

    Omit Needless Words - Strunk, William, Jr.


    Get Ready for http://DesignandMethod.com

    P 1 Reply Last reply
    0
    • R Raj Lal

      Let me know what you guys think. www.slideshare.net/rajeshlal/accessible-design-with-html5-13021406[^]

      Omit Needless Words - Strunk, William, Jr.


      Get Ready for http://DesignandMethod.com

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

      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

      N L R 4 Replies 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

        N Offline
        N Offline
        Nish Nishant
        wrote on last edited by
        #3

        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 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

          L Offline
          L Offline
          Lost User
          wrote on last edited by
          #4

          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 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
            #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