SlideShare una empresa de Scribd logo
1 de 13
Presented by:
                 Web Communications &
The Adaptive Computing Technology Center




                          3/12/2009
Web Communications
Paul Gilzow, Programmer/Analyst Expert
 Web site: http://webcom.missouri.edu

 Phone: 882-4502



Adaptive Computing Technology (ACT) Center
Abigail O’Sullivan, Manager
Carmen Schafer, User Support Analyst Specialist
 Web site: http://actcenter.missouri.edu

 Phone: 884-2828



                                          3/12/2009
What is “Universal Design”?
 Universal Design is “barrier free” design, which allows
  not only persons with a disability to access
  services, but others that may need help, such as the
  elderly population.

  ◦   Automatic Doors
  ◦   Extra-wide Doorways
  ◦   Curb cuts
  ◦   Accessible Ramps
  ◦   Closed captioning for TV
  ◦   Accessible Web Sites

                                             3/12/2009
1. Equitable Use
2. Flexibility In Use
3. Simple and Intuitive Use
4. Perceptible Information
5. Tolerance for Error
6. Low Physical Effort
7. Size and Space for Approach and Use



                              3/12/2009
1. Adopt a Set of Guidelines & Standards
  MU Web Communications use
   http://webcom.missouri.edu/policy
  XHTML from World Wide Web Consortium (W3C)
  Missouri IT Accessibility Standards (MITAS)
      RSMo Section 191.863- Missouri Law
      Section 508- Federal Law

2. Apply Guidelines & Standards

3. Add Progressive Enhancement

4. Continually Test your Web Site

                                       3/12/2009
Example Web Site:
         University of Nebraska –Lincoln

           A “NO”site             A “YES”site
Inaccessible Site Demonstration




                                       3/12/2009
Accessible vs. Inaccessible Web Sites

 JAWS – Screen Reading software

 Dragon NaturallySpeaking- Voice Dictation

 ZoomText- Screen Magnification/Reader



                                   3/12/2009
Accessible vs. Inaccessible Web Sites

  Sony

Ericsson

                                            Nokia
                                        




                                    3/12/2009
Maximize Contrast

                  Consider Colorblindness

 Keep it Simple
                  Create Descriptive Links

Video Captioning / Closed caption/Audio description

               Transcribe Audio

                                       3/12/2009
Anyone who
 owns, directs, manages, designs, o
  r provides content to a Web site.

Web Sites in the Media
 Target- National Federation of the Blind (NFB)
 Southwest Airlines- Access Now, INC.




                                      3/12/2009
Online Checkers
     Cynthia Says http://www.cynthiasays.com/
     Functional Accessibility Evaluator http://fae.cita.uiuc.edu/
     W3C validator http://validator.w3.org/
     Color blindness checker http://colorfilter.wickline.org/
     Wave 4.0 http://wave.webaim.org/

     Firefox extensions
     Fangs http://www.standards-schmandards.com/projects/fangs/
     HTML validator https://addons.mozilla.org/en-US/firefox/addon/249




                                                       3/12/2009
Resources Available at MU
 ◦ Web Communications
   http://webcom.missouri.edu
 ◦ Adaptive Computing Technology (ACT) Center
   http://actcenter.missouri.edu


Online Resources
 ◦ WebAIM http://webaim.org
 ◦ Universal Design of Online Courses
   http://www.ualr.edu/pace/tenstepsud/
 ◦ MITAS http://www.oa.mo.gov/itsd/cio/standards/ITGS0003.pdf




                                                    3/12/2009
3/12/2009

Más contenido relacionado

Destacado

Lib X Bailey Back Access2008
Lib X Bailey Back Access2008Lib X Bailey Back Access2008
Lib X Bailey Back Access2008
guestd9aa5
 
P17 A New Homes
P17 A New HomesP17 A New Homes
P17 A New Homes
guestd9aa5
 
E Pi Server Easy Search Technical Overview
E Pi Server Easy Search Technical OverviewE Pi Server Easy Search Technical Overview
E Pi Server Easy Search Technical Overview
guestd9aa5
 
Customizing Share Point The Supported Wa
Customizing Share Point The Supported WaCustomizing Share Point The Supported Wa
Customizing Share Point The Supported Wa
guestd9aa5
 
6 Host Integration
6 Host Integration6 Host Integration
6 Host Integration
guestd9aa5
 
Mms201 Optimize Your Server Infrastructure
Mms201 Optimize Your Server InfrastructureMms201 Optimize Your Server Infrastructure
Mms201 Optimize Your Server Infrastructure
guestd9aa5
 
кой се страхува от сладката овчица
кой се страхува от сладката овчицакой се страхува от сладката овчица
кой се страхува от сладката овчица
Nelly Stancheva
 
Ученически съвет
Ученически съветУченически съвет
Ученически съвет
Nelly Stancheva
 

Destacado (20)

Lib X Bailey Back Access2008
Lib X Bailey Back Access2008Lib X Bailey Back Access2008
Lib X Bailey Back Access2008
 
Ppt B 3
Ppt B 3Ppt B 3
Ppt B 3
 
Activ8 Full Services Marketing Kit
Activ8 Full Services Marketing KitActiv8 Full Services Marketing Kit
Activ8 Full Services Marketing Kit
 
Think Quest
Think QuestThink Quest
Think Quest
 
P17 A New Homes
P17 A New HomesP17 A New Homes
P17 A New Homes
 
Papernotes
PapernotesPapernotes
Papernotes
 
Revitalash Ppt
Revitalash PptRevitalash Ppt
Revitalash Ppt
 
E Pi Server Easy Search Technical Overview
E Pi Server Easy Search Technical OverviewE Pi Server Easy Search Technical Overview
E Pi Server Easy Search Technical Overview
 
Be Done Pitch
Be Done PitchBe Done Pitch
Be Done Pitch
 
ACCURATE Presentation
ACCURATE PresentationACCURATE Presentation
ACCURATE Presentation
 
SAP Production Planning
SAP Production PlanningSAP Production Planning
SAP Production Planning
 
Customizing Share Point The Supported Wa
Customizing Share Point The Supported WaCustomizing Share Point The Supported Wa
Customizing Share Point The Supported Wa
 
Deroure Repo3
Deroure Repo3Deroure Repo3
Deroure Repo3
 
6 Host Integration
6 Host Integration6 Host Integration
6 Host Integration
 
Mms201 Optimize Your Server Infrastructure
Mms201 Optimize Your Server InfrastructureMms201 Optimize Your Server Infrastructure
Mms201 Optimize Your Server Infrastructure
 
Food cooking
Food cookingFood cooking
Food cooking
 
кой се страхува от сладката овчица
кой се страхува от сладката овчицакой се страхува от сладката овчица
кой се страхува от сладката овчица
 
Petresti School Romania
Petresti School RomaniaPetresti School Romania
Petresti School Romania
 
Ученически съвет
Ученически съветУченически съвет
Ученически съвет
 
Christmas inTurkey
Christmas inTurkeyChristmas inTurkey
Christmas inTurkey
 

Similar a Universal Design Final

A web standards & ud approach for access (bps public)
A web standards & ud approach for access (bps   public)A web standards & ud approach for access (bps   public)
A web standards & ud approach for access (bps public)
Howard Kramer
 
Integrating universal design, best practices, & accessibility atia 2013 - (...
Integrating universal design, best practices, & accessibility   atia 2013 - (...Integrating universal design, best practices, & accessibility   atia 2013 - (...
Integrating universal design, best practices, & accessibility atia 2013 - (...
Howard Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
Howard Kramer
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a Reason
Rachel Hinman
 
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility   atia 2013Integrating universal design, best practices, & accessibility   atia 2013
Integrating universal design, best practices, & accessibility atia 2013
Howard Kramer
 
Building Highly Optimized Mobile Web Apps
Building Highly Optimized Mobile Web AppsBuilding Highly Optimized Mobile Web Apps
Building Highly Optimized Mobile Web Apps
Glan Thomas
 

Similar a Universal Design Final (20)

Computer Networking & HTML
Computer Networking & HTMLComputer Networking & HTML
Computer Networking & HTML
 
A web standards & ud approach for access (bps public)
A web standards & ud approach for access (bps   public)A web standards & ud approach for access (bps   public)
A web standards & ud approach for access (bps public)
 
Integrating universal design, best practices, & accessibility atia 2013 - (...
Integrating universal design, best practices, & accessibility   atia 2013 - (...Integrating universal design, best practices, & accessibility   atia 2013 - (...
Integrating universal design, best practices, & accessibility atia 2013 - (...
 
Public Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz YesiladaPublic Sector Talk by Yeliz Yesilada
Public Sector Talk by Yeliz Yesilada
 
Library%20in%20 Your%20 Pocket Slideshare[1]
Library%20in%20 Your%20 Pocket Slideshare[1]Library%20in%20 Your%20 Pocket Slideshare[1]
Library%20in%20 Your%20 Pocket Slideshare[1]
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Ud 4 web, classroom, curriculum
Ud 4 web, classroom, curriculumUd 4 web, classroom, curriculum
Ud 4 web, classroom, curriculum
 
Total Browser Pwnag3 V1.0 Public
Total Browser Pwnag3   V1.0 PublicTotal Browser Pwnag3   V1.0 Public
Total Browser Pwnag3 V1.0 Public
 
Introduction of Mobile applications
Introduction of Mobile applicationsIntroduction of Mobile applications
Introduction of Mobile applications
 
EduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential DebateEduWeb - Building a Responsive Website for the Presidential Debate
EduWeb - Building a Responsive Website for the Presidential Debate
 
They Call it Surfing for a Reason
They Call it Surfing for a ReasonThey Call it Surfing for a Reason
They Call it Surfing for a Reason
 
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility   atia 2013Integrating universal design, best practices, & accessibility   atia 2013
Integrating universal design, best practices, & accessibility atia 2013
 
Building Highly Optimized Mobile Web Apps
Building Highly Optimized Mobile Web AppsBuilding Highly Optimized Mobile Web Apps
Building Highly Optimized Mobile Web Apps
 
Accessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetupAccessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetup
 
Mobile Learning for Educators
Mobile Learning for EducatorsMobile Learning for Educators
Mobile Learning for Educators
 
Accessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetupAccessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetup
 
Web and mobile accessibility
Web and mobile accessibilityWeb and mobile accessibility
Web and mobile accessibility
 
IP Expo 2013 - Migration strategies for end of life - David Nudelman
IP Expo 2013   - Migration strategies for end of life - David Nudelman IP Expo 2013   - Migration strategies for end of life - David Nudelman
IP Expo 2013 - Migration strategies for end of life - David Nudelman
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
 
Its all in the design the importance of making courses legally accessible
Its all in the design the importance of making courses legally accessibleIts all in the design the importance of making courses legally accessible
Its all in the design the importance of making courses legally accessible
 

Más de guestd9aa5

Writing+A+Literature+Review
Writing+A+Literature+ReviewWriting+A+Literature+Review
Writing+A+Literature+Review
guestd9aa5
 
Hardening Enterprise Apache
Hardening Enterprise ApacheHardening Enterprise Apache
Hardening Enterprise Apache
guestd9aa5
 
Lapointe Ia 260 Using Content Types To Improve Discoverability
Lapointe Ia 260 Using Content Types To Improve DiscoverabilityLapointe Ia 260 Using Content Types To Improve Discoverability
Lapointe Ia 260 Using Content Types To Improve Discoverability
guestd9aa5
 
Chap1 Cap Capital
Chap1 Cap CapitalChap1 Cap Capital
Chap1 Cap Capital
guestd9aa5
 
Adfs Shib Interop Um Oxford
Adfs Shib Interop Um OxfordAdfs Shib Interop Um Oxford
Adfs Shib Interop Um Oxford
guestd9aa5
 

Más de guestd9aa5 (8)

Writing+A+Literature+Review
Writing+A+Literature+ReviewWriting+A+Literature+Review
Writing+A+Literature+Review
 
Hardening Enterprise Apache
Hardening Enterprise ApacheHardening Enterprise Apache
Hardening Enterprise Apache
 
Nerdhazards
NerdhazardsNerdhazards
Nerdhazards
 
Pc54
Pc54Pc54
Pc54
 
Ppt C 1
Ppt C 1Ppt C 1
Ppt C 1
 
Lapointe Ia 260 Using Content Types To Improve Discoverability
Lapointe Ia 260 Using Content Types To Improve DiscoverabilityLapointe Ia 260 Using Content Types To Improve Discoverability
Lapointe Ia 260 Using Content Types To Improve Discoverability
 
Chap1 Cap Capital
Chap1 Cap CapitalChap1 Cap Capital
Chap1 Cap Capital
 
Adfs Shib Interop Um Oxford
Adfs Shib Interop Um OxfordAdfs Shib Interop Um Oxford
Adfs Shib Interop Um Oxford
 

Último

Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 

Universal Design Final

  • 1. Presented by: Web Communications & The Adaptive Computing Technology Center 3/12/2009
  • 2. Web Communications Paul Gilzow, Programmer/Analyst Expert  Web site: http://webcom.missouri.edu  Phone: 882-4502 Adaptive Computing Technology (ACT) Center Abigail O’Sullivan, Manager Carmen Schafer, User Support Analyst Specialist  Web site: http://actcenter.missouri.edu  Phone: 884-2828 3/12/2009
  • 3. What is “Universal Design”? Universal Design is “barrier free” design, which allows not only persons with a disability to access services, but others that may need help, such as the elderly population. ◦ Automatic Doors ◦ Extra-wide Doorways ◦ Curb cuts ◦ Accessible Ramps ◦ Closed captioning for TV ◦ Accessible Web Sites 3/12/2009
  • 4. 1. Equitable Use 2. Flexibility In Use 3. Simple and Intuitive Use 4. Perceptible Information 5. Tolerance for Error 6. Low Physical Effort 7. Size and Space for Approach and Use 3/12/2009
  • 5. 1. Adopt a Set of Guidelines & Standards  MU Web Communications use http://webcom.missouri.edu/policy  XHTML from World Wide Web Consortium (W3C)  Missouri IT Accessibility Standards (MITAS)  RSMo Section 191.863- Missouri Law  Section 508- Federal Law 2. Apply Guidelines & Standards 3. Add Progressive Enhancement 4. Continually Test your Web Site 3/12/2009
  • 6. Example Web Site: University of Nebraska –Lincoln A “NO”site A “YES”site Inaccessible Site Demonstration 3/12/2009
  • 7. Accessible vs. Inaccessible Web Sites  JAWS – Screen Reading software  Dragon NaturallySpeaking- Voice Dictation  ZoomText- Screen Magnification/Reader 3/12/2009
  • 8. Accessible vs. Inaccessible Web Sites Sony  Ericsson Nokia  3/12/2009
  • 9. Maximize Contrast Consider Colorblindness Keep it Simple Create Descriptive Links Video Captioning / Closed caption/Audio description Transcribe Audio 3/12/2009
  • 10. Anyone who owns, directs, manages, designs, o r provides content to a Web site. Web Sites in the Media  Target- National Federation of the Blind (NFB)  Southwest Airlines- Access Now, INC. 3/12/2009
  • 11. Online Checkers  Cynthia Says http://www.cynthiasays.com/  Functional Accessibility Evaluator http://fae.cita.uiuc.edu/  W3C validator http://validator.w3.org/  Color blindness checker http://colorfilter.wickline.org/  Wave 4.0 http://wave.webaim.org/ Firefox extensions Fangs http://www.standards-schmandards.com/projects/fangs/ HTML validator https://addons.mozilla.org/en-US/firefox/addon/249 3/12/2009
  • 12. Resources Available at MU ◦ Web Communications http://webcom.missouri.edu ◦ Adaptive Computing Technology (ACT) Center http://actcenter.missouri.edu Online Resources ◦ WebAIM http://webaim.org ◦ Universal Design of Online Courses http://www.ualr.edu/pace/tenstepsud/ ◦ MITAS http://www.oa.mo.gov/itsd/cio/standards/ITGS0003.pdf 3/12/2009

Notas del editor

  1. Talk about Gas as an example of standards
  2. No site- Paul has a video old Nebraska site and show the new site
  3. Mtld.mobi/emulator.php test for mobile phone views
  4. http://interface.missouri.edu/2008/07/is-your-site-color-blind-acces.php link this to consider colorblindnessExample of movie with captioning and audio audio description–