taking accessibility to the next dimension: thoughts about ... · taking accessibility to the next...

Taking Accessibility

to 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 SLdon‘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

Thanks.

twitter: @kliehm

Slides: http://slidesha.re/a0QuR2

Contact: http://klie.hm/profile