• Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

From the Trenches: Building the Accessible Web

on

  • 1,452 views

Jon Reid, Senior Developer at EffectiveUI, presented "From the Trenches: A Practical Approach to Building the Accessible Web" at Accessing Higher Ground 2010, an accessible media, web and technology ...

Jon Reid, Senior Developer at EffectiveUI, presented "From the Trenches: A Practical Approach to Building the Accessible Web" at Accessing Higher Ground 2010, an accessible media, web and technology conference hosted by the University of Colorado at Boulder.

Statistics

Views

Total Views
1,452
Views on SlideShare
1,272
Embed Views
180

Actions

Likes
2
Downloads
4
Comments
1

3 Embeds 180

http://blog.effectiveui.com 174
http://www.effectiveui.com 4
http://translate.googleusercontent.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

From the Trenches: Building the Accessible Web From the Trenches: Building the Accessible Web Presentation Transcript

  • From the Trenches A PRACTICAL APPROACH TO BUILDING THE ACCESSIBLE WEB Jon Reid | Senior Developer
  • From The Trenches | A practical approach to building the accessible web A little about me: Senior Developer at EffectiveUI HTML, CSS, and Java Script Lead • Agencies: EffectiveUI, Crispin Porter + Bogusky, Texturemedia • Business: Core Business Solutions, Western Union • Science: Genomica, Joint Institute of Laboratory Astrophysics
  • From The Trenches | A practical approach to building the accessible web Web Project Dynamics Traditional Dynamic 1 Stakeholders 3 Developers 2 Designers
  • From The Trenches | A practical approach to building the accessible web How does accessibility fall by the wayside? • Discussions become too abstract • People start throwing up roadblocks
  • From The Trenches | A practical approach to building the accessible web How does accessibility fall by the wayside? STAKEHOLDER ROADBLOCKS 1 "It's too expensive" 2 "We don't need to be accessible" 3 "That's not our audience"
  • From The Trenches | A practical approach to building the accessible web How does accessibility fall by the wayside? DESIGNER ROADBLOCKS 1 "It’s too limiting" 2 "What about the least common denominator" 3 "It will be ugly" 4 "It will be boring"
  • From The Trenches | A practical approach to building the accessible web How does accessibility fall by the wayside? DEVELOPER ROADBLOCKS 1 "No technology support" 2 "Restricts our implementation" 3 "It’s too hard and takes too long"
  • From The Trenches | A practical approach to building the accessible web Bull. You CAN do it all.
  • From The Trenches | A practical approach to building the accessible web Keep It Real • Focus on requirements • Create achievable goals • Perfection is unnecessary
  • From The Trenches | A practical approach to building the accessible web Keeping it real helps the stakeholder ADVANTAGES 1 Defines the risks and returns 2 Informs decisions 3 Provides transparency
  • From The Trenches | A practical approach to building the accessible web Keeping it real helps the designer ADVANTAGES 1 Defines creative scope 2 Focuses the design process
  • From The Trenches | A practical approach to building the accessible web Keeping it real helps the developer ADVANTAGES 1 Guides technological decisions 2 Defines constraints 3 Creates tangible goals
  • From The Trenches | A practical approach to building the accessible web Progressive Enhancement A useful framework for implementing accessibility
  • From The Trenches | A practical approach to building the accessible web Progressive Enhancement CSS3 example Internet Explorer 8 | Microsoft Firefox | Mozilla Chrome | Google
  • Internet Explorer 8 | Detail Chrome | Detail
  • From The Trenches | A practical approach to building the accessible web Progressive enhancement throughout a project • Define requirements • Create audit trail • Focus on specifics
  • From The Trenches | A practical approach to building the accessible web Progressive Enhancement during the definition phase HERE’S HOW IT WOULD GO 1 Define accessibility requirements 2 Create audit trail • Explains decisions • Demonstrates efforts 3 Focus on technological requirements early in project
  • From The Trenches | A practical approach to building the accessible web Progressive Enhancement during design HERE’S HOW IT WOULD GO 1 Maintain audit trail for relevant requirements 2 Simple progressive enhancement notes 3 Don’t wireframe every progressive state
  • From The Trenches | A practical approach to building the accessible web Progressive Enhancement during development HERE’S HOW IT WOULD GO 1 Continue to maintain audit trail 2 Implement accessibility requirements 3 Use audit trail as base for Quality Assurance testing
  • From The Trenches | A practical approach to building the accessible web Real Life Example Project Pensacola: a new website for the Blue Angels
  • Blue Angels | Vision Demo
  • Blue Angels | Home Page Example
  • Accessibility Structure | Home Page Example Blue Angels | Home Page Example
  • Blue Angels | Team Example
  • Accessibility Structure | Team Example Blue Angels | Team Example
  • Blue Angels | Media Example
  • Accessibility Structure | Media Example Blue Angels | Media Example
  • Blue Angels | Aircraft Example
  • Accessibility Structure | Home Page Example Blue Angels | Home Page Example
  • Blue Angels | Informational Example
  • Accessibility Structure | Informational Example Blue Angels | Informational Example
  • Thank You and Questions