Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Accessibility in Canvas 3D

on

  • 1,578 views

My presentation at W3C TPAC 2010

My presentation at W3C TPAC 2010

Statistics

Views

Total Views
1,578
Views on SlideShare
1,568
Embed Views
10

Actions

Likes
1
Downloads
7
Comments
1

1 Embed 10

http://lanyrd.com 10

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • There are notes in the downloadable document to explain the pictures that also have alternative text. Slideshare doesn't show them as usual, never mind.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Because bolt-on accessibility is ugly,
  • Whereas inclusive, integrated accessibility is beautiful …
  • … and good for your health.

Accessibility in Canvas 3D Accessibility in Canvas 3D Presentation Transcript

  • Taking Accessibilityto the Next Dimension: Thoughts About Canvas 3D
    @kliehmHTML WG & HTML Accessibility Task Force.
  • View slide
  • http://www.bluishcoder.co.nz/2008/09/javascript-space-invaders-emulator.html
    View slide
  • http://flickr.com/photos/tais/2411643409/
    http://flickr.com/photos/energeticspell/2332820792/
  • https://bespin.mozillalabs.com
  • <canvas id="canvas" width="500" height="350"> <imgsrc="fallback.jpg" width="500" height="350" alt="Pulp Fiction Minifigs"/></canvas>
    http://www.flickr.com/photos/minifig/72091618/
    • fallback: shadow DOM
    • always exposed to AT
    • keyboard accessible
    • focus ring in canvas
    • caret position
  • http://blog.largeanimal.com/
    http://code.google.com/apis/o3d/
    http://blog.largeanimal.com/demo/
    http://www.youtube.com/watch?v=uofWfXOzX-g
  • http://flic.kr/p/3XZgXW
    • audiocues
    • earcons
    • soundradar
    • tactilefeedback
    • speechsynthesis
    • hardwareacceleration
  • http://goo.gl/olWUL
    • usergeneratedcontent
    • 40% ofobjects in SLdon‘thave alt text
    • summarizeobjects
    • filter nearbyobjects
    • screen-readersupport
  • http://www.sci.utah.edu/cibc/software/41-imagevis3d.html
    http://code.google.com/apis/o3d/
    http://blog.largeanimal.com/demo/
    http://www.youtube.com/watch?v=uofWfXOzX-g
  • Bolt-onaccessibility
    http://flic.kr/p/8H1Q
  • Inclusive design
    http://flic.kr/p/55Sh6D
  • http://flic.kr/p/8W93u
  • Thanks.
    twitter: @kliehm
    Slides:http://slidesha.re/a0QuR2
    Contact: http://klie.hm/profile