Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Toronto Accessibility & Inclusive Design           meetup.com/a11yTO@a11yTO                         #a11yTO
Toronto Accessibility & Inclusive Design            meetup.com/a11yTO@a11yTO                             #a11yTO    Practi...
Practical Web Accessibility                               &            The Accessibility Tribe“capture(d) the CSUN zeitgei...
Welcome to the       The Accessibility Superheroes TribeSuperheroes talking:Superman: Hey these iPhones aregreat, now we c...
#a11yTO – 2 take-awaysLearn something new         and / orValidate of your ideas
#a11yTO – Learn Something New
#a11yTO – Validation
#a11yTO – 2 take-aways      Learn something new                     &      Validate of your ideasIt’s about the tribe so I...
Practical Web AccessibilitySequel to the Guelph presentations - bit.ly/a11y_scotiaLessons learned from redesigning scotiab...
Make A Huge Difference For The Users    1. Big impact issues    2. Don’t just check the WCAG 2 check-marks    3. My bias: ...
1. Big impact issues            “Who Wants To Be A Millionaire” question:            Which of the following is the largest...
1. Big impact issues    1. “If I can only fix one thing what would that be?”    2. Look at the BIG picture & the users’ ne...
1. Big impact issues – Our Approach1. Framework-first2. Common components3. Frequently used “tools”4. “real” content struc...
2. Checking the WCAG2 check-marks             Don’t get hung up on    Web Content Accessibility Guidelines 2 (WCAG 2)
3. Keyboard Testing                  2 BIG concepts:         Everything is functional by keyboard             (including h...
Practical “Dynamic Web 2.0”Accessibility                 Widgets                Overlays                 Pop-ups          ...
Practical “Dynamic Web 2.0”Accessibility              Demo Time!
In the end…     Accessibility is for everyone!     “We are only as (dis)abled as the environment around us”               ...
Practical Web Accessibility               THANK YOU!
Practical Web Accessibility
Practical Web Accessibility
Practical Web Accessibility
Upcoming SlideShare
Loading in …5
×

Practical Web Accessibility

667 views

Published on

Accessibility questions? Get in contact: george@goodwally.ca.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Practical Web Accessibility

  1. 1. Toronto Accessibility & Inclusive Design meetup.com/a11yTO@a11yTO #a11yTO
  2. 2. Toronto Accessibility & Inclusive Design meetup.com/a11yTO@a11yTO #a11yTO Practical Web Accessibility GeorgeZamfir.com - @GeorgeZamfir
  3. 3. Practical Web Accessibility & The Accessibility Tribe“capture(d) the CSUN zeitgeist (of) the global accessibility community as a tribe, drawn together by a shared ambition to make the web a truly inclusive place.” - Leonie Watson This is our local-global tribe! And we want you to join the tribe! (there are superheroes) john.foliot.ca/csun-2012-recap
  4. 4. Welcome to the The Accessibility Superheroes TribeSuperheroes talking:Superman: Hey these iPhones aregreat, now we can all keep in touch andshare our crime fighting techniques witheach other.Batman: I know, right? I can’t imaginelife without one. That would really suck.Flash: How come I didn’t get one?Spiderman: Hahaha, Apple doesn’tsupport Flash.
  5. 5. #a11yTO – 2 take-awaysLearn something new and / orValidate of your ideas
  6. 6. #a11yTO – Learn Something New
  7. 7. #a11yTO – Validation
  8. 8. #a11yTO – 2 take-aways Learn something new & Validate of your ideasIt’s about the tribe so I shortened my talk!
  9. 9. Practical Web AccessibilitySequel to the Guelph presentations - bit.ly/a11y_scotiaLessons learned from redesigning scotiabank.com1. Make A Huge Difference For The Users2. Practical “Dynamic Web 2.0” Accessibility
  10. 10. Make A Huge Difference For The Users 1. Big impact issues 2. Don’t just check the WCAG 2 check-marks 3. My bias: keyboard testing Need help? Good thing we now have a tribe to help out 
  11. 11. 1. Big impact issues “Who Wants To Be A Millionaire” question: Which of the following is the largest? Possible answers: an elephant or the moon The contestant chose "An Elephant"!
  12. 12. 1. Big impact issues 1. “If I can only fix one thing what would that be?” 2. Look at the BIG picture & the users’ needs 3. Our approach: • framework-first • common components • frequently used “tools” • “real” content structure
  13. 13. 1. Big impact issues – Our Approach1. Framework-first2. Common components3. Frequently used “tools”4. “real” content structure
  14. 14. 2. Checking the WCAG2 check-marks Don’t get hung up on Web Content Accessibility Guidelines 2 (WCAG 2)
  15. 15. 3. Keyboard Testing 2 BIG concepts: Everything is functional by keyboard (including highly interactive UI elements) Visual focus indicator (be the :focus to my :hover) This website is best viewed at 1024x768 and only works with the mouse
  16. 16. Practical “Dynamic Web 2.0”Accessibility Widgets Overlays Pop-ups Sliders Modal dialogs Drop-downs ... Oy! Sounds familiar?
  17. 17. Practical “Dynamic Web 2.0”Accessibility Demo Time!
  18. 18. In the end… Accessibility is for everyone! “We are only as (dis)abled as the environment around us” – Oscar Pistorius Don’t be the policeman, be the fireman! – John Foliot
  19. 19. Practical Web Accessibility THANK YOU!

×