Accessibility and web innovation. (no notes)

65
Accessibility and web innovation. Chris Heilmann - Funkas Tillgänglighetsdagar, April 2011
  • date post

    11-Sep-2014
  • Category

    Documents

  • view

    16
  • download

    3

description

A talk about the broken communication between the accessibility world and the developer world and a few ideas how to break down the wall between the two.

Transcript of Accessibility and web innovation. (no notes)

Page 1: Accessibility and web innovation. (no notes)

Accessibility and web innovation.

Chris Heilmann - Funkas Tillgänglighetsdagar, April 2011

Page 2: Accessibility and web innovation. (no notes)

Hello there...

Chris Heilmann@codepo8

wait-till-i.com#html5

Page 3: Accessibility and web innovation. (no notes)

Worries about accessibility

Page 4: Accessibility and web innovation. (no notes)

Disconnect

Page 5: Accessibility and web innovation. (no notes)

http://www.flickr.com/photos/gergtreble/4462755376/

e big web re-boot.

Page 6: Accessibility and web innovation. (no notes)

Accessibility the show-stopper?

Page 7: Accessibility and web innovation. (no notes)

Accessibility tech is falling behind

Page 8: Accessibility and web innovation. (no notes)

Figure and Figcaption

<figure> <img src="bingresults.jpg" alt="screenshot of Microsoft Bing"> <figcaption> Figure 1: A search result page </figcaption></figure>

Page 9: Accessibility and web innovation. (no notes)

ARIA needs IDs

<figure> <img alt="screenshot of Microsoft Bing" src="bingresults.jpg" aria-describedby="figurecap0"> <figcaption id="figurecap0"> Figure 1: A search result page </figcaption></figure>

Page 10: Accessibility and web innovation. (no notes)

ARIA needs to move on, too...

Page 11: Accessibility and web innovation. (no notes)

You need to be accessible - it is the law!

Page 12: Accessibility and web innovation. (no notes)

Accessible products are better products

Page 13: Accessibility and web innovation. (no notes)

ose crazy kids and their ideas - it'll never work!

Page 14: Accessibility and web innovation. (no notes)

It is new! Everybody duck!

http://www.flickr.com/photos/publicenergy/4222279663/

Page 15: Accessibility and web innovation. (no notes)

Painting a wrong image of accessibiliy

Page 16: Accessibility and web innovation. (no notes)

Accessibility is everywhere!

http://www.flickr.com/photos/the_girl/24593210/

Page 17: Accessibility and web innovation. (no notes)

Lowering the kerb for people who want to like accessibility

Page 18: Accessibility and web innovation. (no notes)

Digitising the world for conversion

http://www.flickr.com/photos/linnybinnypix/1189018851/

Page 19: Accessibility and web innovation. (no notes)

Structuring allows conversion

Page 20: Accessibility and web innovation. (no notes)

Being loud and proud and communicating across borders

http://www.flickr.com/photos/xakaxunknownx/46196787/

Page 21: Accessibility and web innovation. (no notes)

Don't just tell me, show me!

Page 22: Accessibility and web innovation. (no notes)

Right now, the web doesn't work that way.

Page 23: Accessibility and web innovation. (no notes)

Bad interfaces with broken promises

Page 24: Accessibility and web innovation. (no notes)

Accessibilty enhancements as a paci!er

Page 25: Accessibility and web innovation. (no notes)

“we added stuff for accessibility!”

Page 26: Accessibility and web innovation. (no notes)

Truth is - accessibility is hot right now

Page 27: Accessibility and web innovation. (no notes)

Mobile needs are accessibility needs.

Page 28: Accessibility and web innovation. (no notes)

Structured documents can be redesigned

Page 29: Accessibility and web innovation. (no notes)
Page 30: Accessibility and web innovation. (no notes)
Page 31: Accessibility and web innovation. (no notes)
Page 32: Accessibility and web innovation. (no notes)

Science #ction shows us what could be done.

Page 33: Accessibility and web innovation. (no notes)
Page 34: Accessibility and web innovation. (no notes)
Page 35: Accessibility and web innovation. (no notes)

You and I can be Iron Man!

Page 36: Accessibility and web innovation. (no notes)

Emerging technologies are human and more accessible

Page 37: Accessibility and web innovation. (no notes)

Speech recognition.

Page 38: Accessibility and web innovation. (no notes)

Touch interfaces.

Page 39: Accessibility and web innovation. (no notes)

Device orientation and gyroscopes

Page 40: Accessibility and web innovation. (no notes)
Page 42: Accessibility and web innovation. (no notes)
Page 43: Accessibility and web innovation. (no notes)
Page 44: Accessibility and web innovation. (no notes)
Page 45: Accessibility and web innovation. (no notes)

Hidden functionality for those in the know

+

Page 46: Accessibility and web innovation. (no notes)

APIs

Page 47: Accessibility and web innovation. (no notes)

Opening up YouTube

Page 48: Accessibility and web innovation. (no notes)

Opening up YouTube

http://www.youtube.com/watch?v=CwsDKaalgq8http://www.youtube.com/watch?v=QiuT0y0KR6I

Page 49: Accessibility and web innovation. (no notes)

Geek pride can be yours

Page 50: Accessibility and web innovation. (no notes)

Give simple instructions

Page 51: Accessibility and web innovation. (no notes)

Setting technology free

Page 52: Accessibility and web innovation. (no notes)

Native video and audio

Page 53: Accessibility and web innovation. (no notes)

Syncing video and other content

Page 54: Accessibility and web innovation. (no notes)

http://mbostock.github.com/d3/

Native rich interaction and styles

Page 55: Accessibility and web innovation. (no notes)

Input and output

Page 56: Accessibility and web innovation. (no notes)

Stop thinking in limits

Page 57: Accessibility and web innovation. (no notes)

e web is the platform

Page 58: Accessibility and web innovation. (no notes)

e web is the platform

Page 59: Accessibility and web innovation. (no notes)

e web is the platform

Page 60: Accessibility and web innovation. (no notes)

http://webvisum.com/

Page 62: Accessibility and web innovation. (no notes)
Page 63: Accessibility and web innovation. (no notes)

Stop preaching to the choir

Page 64: Accessibility and web innovation. (no notes)

Stand proud and tall - we can be a butter"y!

Page 65: Accessibility and web innovation. (no notes)

anks!

Chris Heilmann@codepo8

#mozilla#html5/freenet