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.

Diving into the deep end: SVG, Angular and Accessibility

843 views

Published on

Slides from a session at CSUN 2015 where we discussed SVG, Angular and Accessibility.

Published in: Technology
  • Be the first to comment

Diving into the deep end: SVG, Angular and Accessibility

  1. 1. Diving into the deep end
 SVG, Angular and Accessibility
  2. 2. SVG Accessibility
  3. 3. PROBLEM
 Non-native keyboard access
 text equivalents
 alternative interaction modes
  4. 4. examples.simplyaccessible.com/svg-maps
  5. 5. Angular and Accessibility
  6. 6. examples.simplyaccessible.com/angular-ticket-tracker
  7. 7. PROBLEM
 What responds to clicks?
 Creating dynamic page titles
 Focus management/keyboard access
 Adding ARIA
  8. 8. sateach.es/spangular
  9. 9. Angular 2.0
  10. 10. ARIA
  11. 11. <sleepapparatus role=”king-size-bed”> <twin /> <br /> <twin /> </sleepapparatus>
  12. 12. <sleepapparatus> <king class=”posh”/> </sleepapparatus>
  13. 13. <sleepapparatus role=”king-size-bed”> <twin /> <br style=”display:none”/> <twin /> </sleepapparatus>

×