Your SlideShare is downloading. ×
From the Trenches: Building the Accessible Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

From the Trenches: Building the Accessible Web

678
views

Published on

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.

Published in: Design, Technology

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
678
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. From the TrenchesA PRACTICAL APPROACH TO BUILDING THE ACCESSIBLE WEBJon Reid | Senior Developer
  • 2. 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
  • 3. From The Trenches | A practical approach to building the accessible web Web Project DynamicsTraditional Dynamic 1 Stakeholders 3 Developers 2 Designers
  • 4. 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
  • 5. From The Trenches | A practical approach to building the accessible web How does accessibility fall by the wayside? STAKEHOLDER ROADBLOCKS 1 "Its too expensive" 2 "We dont need to be accessible" 3 "Thats not our audience"
  • 6. 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"
  • 7. 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"
  • 8. From The Trenches | A practical approach to building the accessible webBull. You CAN do it all.
  • 9. From The Trenches | A practical approach to building the accessible web Keep It Real • Focus on requirements • Create achievable goals • Perfection is unnecessary
  • 10. 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
  • 11. 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
  • 12. 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
  • 13. From The Trenches | A practical approach to building the accessible web Progressive Enhancement A useful framework for implementing accessibility
  • 14. From The Trenches | A practical approach to building the accessible web Progressive Enhancement CSS3 exampleInternet Explorer 8 | Microsoft Firefox | Mozilla Chrome | Google
  • 15. Internet Explorer 8 | Detail Chrome | Detail
  • 16. From The Trenches | A practical approach to building the accessible web Progressive enhancement throughout a project • Define requirements • Create audit trail • Focus on specifics
  • 17. 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
  • 18. 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
  • 19. 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
  • 20. From The Trenches | A practical approach to building the accessible web Real Life Example Project Pensacola: a new website for the Blue Angels
  • 21. Blue Angels | Vision Demo
  • 22. Blue Angels | Home Page Example
  • 23. Accessibility Structure | Home Page Example Blue Angels | Home Page Example
  • 24. Blue Angels | Team Example
  • 25. Accessibility Structure | Team Example Blue Angels | Team Example
  • 26. Blue Angels | Media Example
  • 27. Accessibility Structure | Media Example Blue Angels | Media Example
  • 28. Blue Angels | Aircraft Example
  • 29. Accessibility Structure | Home Page Example Blue Angels | Home Page Example
  • 30. Blue Angels | Informational Example
  • 31. Accessibility Structure | Informational Example Blue Angels | Informational Example
  • 32. Thank You and Questions