The document discusses accessibility on mobile devices and argues that mobile web development in 2009 mirrors desktop web development in 1998. It recommends using web standards like HTML, CSS, and JavaScript to ensure accessibility. Developers should follow W3C guidelines for mobile and accessibility, and leverage emerging technologies like WAI-ARIA, CSS3 media queries, HTML5, and geolocation while employing progressive enhancement and testing across devices. The goal is to avoid mistakes of the past and create an accessible "one web" rather than separate mobile sites.

1. Accessibility
beyond the desktop
Henny Swan
Web Evangelist, Opera
hennys@opera.com
@iheni

2. Accessibility beyond the desktop
Reality or myth?

3. We’re at a cross roads
Mobile web 1999 = desktop 1998

4. Use web standards: Use W3C guidelines:
HTML, CSS, MWBP 1.0, WCAG 2.0
JavaScript, XML (there is a cross over)

5. Innovate with emerging technologies
WAI-ARIA, CSS3 Media Queries, HTML5, Geolocation

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. 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/
•