TRANSITIONING TO WEB 3.0

Jason Withrow : : Usable Development, LLC

© 2012 Jason Withrow

Overview

From Web 1.0 to Web 3.0 HTML5 Improved accessibility Richer data Mobile computing

© 2012 Jason Withrow

From Web 1.0 to Web 3.0

Web 1.0 Themes “Lets put up our information”“Lets sell some stuff!”

Web 2.0 Themes “We need to focus on social interaction”

“Lets share our information with others”

Web 3.0 Themes “Lets make our information better”“Lets adapt this to phones and

tablets”

© 2012 Jason Withrow

HTML5

The promise of better accessibility and better data depends on: Flexible document structures The ability to customize attributes

HTML5 allows for that flexibility

© 2012 Jason Withrow

ARIA

Accessible Rich Internet Applications Despite what the name suggests, it is equally

useful for web sites

Allows for structure/purpose to be conveyed as well as boundary conditions and behaviors

A much richer view of documents and interaction for screen readers

© 2012 Jason Withrow

Richer Data

Various options Microformats RDFa Microdata (schema.org)

All are structured data markup options for products, events, people, etc.

© 2012 Jason Withrow

Responsive Design

Designs that adapt their display based on the device being used and/or its display characteristics

Typically smartphones and tablets are the target devices, but different viewport widths on desktops and laptops can also be targeted

© 2012 Jason Withrow

And a Variety of Technologies

Geolocation

Local Storage

SVG

Native controls for numbers, date/time, progress meters, etc.