Accessibility in Canvas 3D

Post on 09-May-2015

1.343 views 2 download

description

My presentation at W3C TPAC 2010

Transcript of Accessibility in Canvas 3D

Taking Accessibilityto the Next Dimension:

Thoughts About Canvas 3D

@kliehmHTML WG & HTML Accessibility Task Force.

http://www.bluishcoder.co.nz/2008/09/javascript-space-invaders-emulator.html

http://flickr.com/photos/tais/2411643409/http://flickr.com/photos/energeticspell/2332820792/

https://bespin.mozillalabs.com

<canvas id="canvas" width="500" height="350"> <img src="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/demo/http://www.youtube.com/watch?v=uofWfXOzX-g

http://code.google.com/apis/o3d/

http://blog.largeanimal.com/

http://flic.kr/p/3XZgXW

• audio cues• earcons• sound radar• tactile feedback• speech synthesis• hardware acceleration

http://goo.gl/olWUL

• user generated content

• 40% of objects in SL don‘t have alt text

• summarize objects

• filter nearby objects

• screen-reader support

http://blog.largeanimal.com/demo/http://www.youtube.com/watch?v=uofWfXOzX-g

http://code.google.com/apis/o3d/

http://www.sci.utah.edu/cibc/software/41-imagevis3d.html

Bolt-onaccessibility

http://flic.kr/p/8H1Q

Inclusive design

http://flic.kr/p/55Sh6D

http://flic.kr/p/8W93u