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.

Accessibility beyond the desktop - panel slides Accessibility 2.0

3,491 views

Published on

Introduction slides for Accessibility 2.0 on a panel covering accessibility beyond the desktop

Published in: Technology, Design

Accessibility beyond the desktop - panel slides Accessibility 2.0

  1. 1. Accessibility beyond the desktop Henny Swan Web Evangelist, Opera hennys@opera.com @iheni
  2. 2. Accessibility beyond the desktop Reality or myth?
  3. 3. We’re at a cross roads Mobile web 1999 = desktop 1998
  4. 4. Use web standards: Use W3C guidelines: HTML, CSS, MWBP 1.0, WCAG 2.0 JavaScript, XML (there is a cross over)
  5. 5. Innovate with emerging technologies WAI-ARIA, CSS3 Media Queries, HTML5, Geolocation
  6. 6. Let’s not make the same mistakes of the desktop 1998 • Progressive enhancement - media types to media queries • Set a baseline - accessibility supported technologies (both desktop and mobile) • Test - Opera Dragonfly (tests desktop and mobile) • One web - avoid .mobi or iphone only sites hennys@opera.com @iheni www.iheni.com
  7. 7. Credits Images • Questioned proposal http://www.flickr.com/photos/eleaf/2536358399/ • Walled gardens - http://vanelsas.wordpress.com/2008/05/05/would-you-be-willing-to-pay-for- a-web-20-service-that-provides-value/ • Speedometer: http://www.flickr.com/photos/adc/391594014/ • Opera Mobile Settings http://www.techhail.com/mobiles/download-opera-mobile-9-7-beta-for- windows-mobiles/437 • Shodo brushes: http://www.flickr.com/photos/petitshoo/8058238/ • Access denied http://www.flickr.com/photos/urbanphotographer/1302908143/ • Super Timor: http://www.ickr.com/photos/felixjacksonjr/2280660104/ Resources and links • Mobile Web 2009 = Desktop Web 1998 http://www.useit.com/alertbox/mobile-2009.html • Geolocation example from Shwetank Dixit http://experimenting.in/other/ demo_geo_twitter_mashup.htm • Mobile Web Best Practices 1.0 http://www.w3.org/TR/mobile-bp/ • Web Content Accessibility Guidelines 2.0 http://www.w3.org/TR/WCAG/ • Relationship between Mobile Web Best Practices (MWBP) and Web Content Accessibility Guidelines (WCAG) http://www.w3.org/TR/mwbp-wcag/ • Opera Developer Network http://www.opera.com/developer • Opera Developer Network Blog http://my.opera.com/ODIN/blog/ • Opera Dragonfly http://www.opera.com/dragonfly/ • Opera Web Standards Curriculum http://www.opera.com/company/education/curriculum/ •

×