SlideShare uma empresa Scribd logo
1 de 15
Accessibility and Usability… Working together at MIT Stephani Roberts, MIT Accessibility Consultant Katherine Wahl, MIT Usability Consultant IS&T Accessibility and Usability Team
Agenda The landscape at MIT The merger of usability and accessibility Our approach Our services Why our collaboration works Where we are now
The landscape at MIT Our work at MIT Consultants No charge Projects of all sizes Now part of the IS&T process Reorganization and merger of the teams with the ATIC (Assistive Technology Information Center) Lab in 2009
Where we started Assistive Technology Lab                 (ATIC) Usability Accessibility
What we noticed Reinforcing recommendations Few conflicting recommendations Early is better in both practices Missed opportunities  Increased client satisfaction
Our Approach Integrating communication Established group email lists Presentations to raise awareness Coordinating timelines Working together to assess client needs
Our Approach Some cross-training POUR guiding principles Bentley accessibility and usability classes EASI and Knowbility online webinars Library of reference materials Sharing tools Colour Contrast Analyser WAVE toolbar Firefox web developer toolbar Usability evaluation template
Our services
Optimal Development Timeline Requirements Gathering & Specification Creation Alpha/Beta Release, QA, Documentation & Training Overall Product Development Cycles  Development Project End Project Start Reviews (Expert & Heuristic) Prototyping, Design, & UI Design Traditional UsabilityTesting & Evaluation User Research Early/Lo-FiPrototypes Accessibility Evaluation Accessibility Design Review Accessibility Code Review
Assistive Technology Lab                 (ATIC) Usability Accessibility Bringing it all together
Where we are today Tandem processes and consistent deliverables Cross-functional understanding of high level principles Evolving process
Why our collaboration works Stronger advocates for the end-user Fewer things ‘falling through the cracks’ Fewer places where ATIC Lab (Assistive Technology Information Center) has to bridge the gap Helping each other meet client timelines Reinforcing key issues related to both disciplines
Accessibility Resources WebAim’sPOUR principles - http://webaim.org/articles/pour/ Paciello Group’s Colour Contrast Anylyzer - http://www.paciellogroup.com/resources/contrast-analyser.html The WAVE Toolbar - http://wave.webaim.org/toolbar FireFoxWeb Developer Add-on – https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Usability Resources Usability Body of Knowledge  Boxes and Arrows: The Design Behind the Design  Information Design.org
Questions? Katherine Wahl  - kwahl@mit.edu Stephani Roberts – stephani@mit.edu

Mais conteúdo relacionado

Destaque

Accessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual DisabilitiesAccessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual Disabilities
Interactive Accessibility
 
Navigation design with respect to cognitive load
Navigation design with respect to cognitive loadNavigation design with respect to cognitive load
Navigation design with respect to cognitive load
Aimee Maree Forsstrom
 
The Conversation Gets Interesting: Creating the Adaptive Interface
The Conversation Gets Interesting: Creating the Adaptive InterfaceThe Conversation Gets Interesting: Creating the Adaptive Interface
The Conversation Gets Interesting: Creating the Adaptive Interface
Stephen Anderson
 
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UKFrom Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
Chris Atherton @finiteattention
 

Destaque (19)

Neuroscience and machine learning
Neuroscience and  machine learningNeuroscience and  machine learning
Neuroscience and machine learning
 
Accessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual DisabilitiesAccessible Web Content & Intellectual Disabilities
Accessible Web Content & Intellectual Disabilities
 
CLC Members' Seminar 5th March 2015 - Neuroscience and brain-friendly learni...
 CLC Members' Seminar 5th March 2015 - Neuroscience and brain-friendly learni... CLC Members' Seminar 5th March 2015 - Neuroscience and brain-friendly learni...
CLC Members' Seminar 5th March 2015 - Neuroscience and brain-friendly learni...
 
Navigation design with respect to cognitive load
Navigation design with respect to cognitive loadNavigation design with respect to cognitive load
Navigation design with respect to cognitive load
 
NYAI - Intersection of neuroscience and deep learning by Russell Hanson
NYAI - Intersection of neuroscience and deep learning by Russell HansonNYAI - Intersection of neuroscience and deep learning by Russell Hanson
NYAI - Intersection of neuroscience and deep learning by Russell Hanson
 
The Conversation Gets Interesting: Creating the Adaptive Interface
The Conversation Gets Interesting: Creating the Adaptive InterfaceThe Conversation Gets Interesting: Creating the Adaptive Interface
The Conversation Gets Interesting: Creating the Adaptive Interface
 
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UKFrom Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
From Cognitive Psychology to Learning Design - Chris Atherton at LT11UK
 
Designing for cognitive disabilities
Designing for cognitive disabilitiesDesigning for cognitive disabilities
Designing for cognitive disabilities
 
Modeling and Adapting to Cognitive Load
Modeling and Adapting to Cognitive LoadModeling and Adapting to Cognitive Load
Modeling and Adapting to Cognitive Load
 
To Boldly Go… From Information to Understanding
To Boldly Go… From Information to UnderstandingTo Boldly Go… From Information to Understanding
To Boldly Go… From Information to Understanding
 
Neuroscience, Mindfulness and Learning
Neuroscience, Mindfulness and LearningNeuroscience, Mindfulness and Learning
Neuroscience, Mindfulness and Learning
 
The cognitive load theory
The cognitive load theoryThe cognitive load theory
The cognitive load theory
 
Neuroscience and Learning
Neuroscience and LearningNeuroscience and Learning
Neuroscience and Learning
 
How to Design Product with Cognitive Computing and Big Data
How to Design Product with Cognitive Computing and Big DataHow to Design Product with Cognitive Computing and Big Data
How to Design Product with Cognitive Computing and Big Data
 
Accessibility in Responsive web design
Accessibility in Responsive web designAccessibility in Responsive web design
Accessibility in Responsive web design
 
Expert review of a website user experience context - EuroIA 2014
Expert review of a website user experience context - EuroIA 2014Expert review of a website user experience context - EuroIA 2014
Expert review of a website user experience context - EuroIA 2014
 
Cognitive Load Theory
Cognitive Load TheoryCognitive Load Theory
Cognitive Load Theory
 
Cognitive computing 2016
Cognitive computing 2016Cognitive computing 2016
Cognitive computing 2016
 
Neuroscience and Learning: Training Tricks That Maximize Memory and Retention...
Neuroscience and Learning: Training Tricks That Maximize Memory and Retention...Neuroscience and Learning: Training Tricks That Maximize Memory and Retention...
Neuroscience and Learning: Training Tricks That Maximize Memory and Retention...
 

Último

一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
awasv46j
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
ehyxf
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
nirzagarg
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 

Último (20)

一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
一比一原版(WLU毕业证)罗瑞尔大学毕业证成绩单留信学历认证原版一模一样
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
怎样办理莫纳什大学毕业证(Monash毕业证书)成绩单留信认证
 
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for FriendshipRaebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
Raebareli Girl Whatsapp Number 📞 8617370543 | Girls Number for Friendship
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
Top profile Call Girls In Mau [ 7014168258 ] Call Me For Genuine Models We ar...
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
How to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdfHow to Create a Productive Workspace Trends and Tips.pdf
How to Create a Productive Workspace Trends and Tips.pdf
 
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best ServiceIndependent Escorts Goregaon WhatsApp +91-9930687706, Best Service
Independent Escorts Goregaon WhatsApp +91-9930687706, Best Service
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
Just Call Vip call girls Fatehpur Escorts ☎️8617370543 Two shot with one girl...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Eye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docxEye-Catching Web Design Crafting User Interfaces .docx
Eye-Catching Web Design Crafting User Interfaces .docx
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 

Accessibility and Usability Working Together at MIT

  • 1. Accessibility and Usability… Working together at MIT Stephani Roberts, MIT Accessibility Consultant Katherine Wahl, MIT Usability Consultant IS&T Accessibility and Usability Team
  • 2. Agenda The landscape at MIT The merger of usability and accessibility Our approach Our services Why our collaboration works Where we are now
  • 3. The landscape at MIT Our work at MIT Consultants No charge Projects of all sizes Now part of the IS&T process Reorganization and merger of the teams with the ATIC (Assistive Technology Information Center) Lab in 2009
  • 4. Where we started Assistive Technology Lab (ATIC) Usability Accessibility
  • 5. What we noticed Reinforcing recommendations Few conflicting recommendations Early is better in both practices Missed opportunities Increased client satisfaction
  • 6. Our Approach Integrating communication Established group email lists Presentations to raise awareness Coordinating timelines Working together to assess client needs
  • 7. Our Approach Some cross-training POUR guiding principles Bentley accessibility and usability classes EASI and Knowbility online webinars Library of reference materials Sharing tools Colour Contrast Analyser WAVE toolbar Firefox web developer toolbar Usability evaluation template
  • 9. Optimal Development Timeline Requirements Gathering & Specification Creation Alpha/Beta Release, QA, Documentation & Training Overall Product Development Cycles Development Project End Project Start Reviews (Expert & Heuristic) Prototyping, Design, & UI Design Traditional UsabilityTesting & Evaluation User Research Early/Lo-FiPrototypes Accessibility Evaluation Accessibility Design Review Accessibility Code Review
  • 10. Assistive Technology Lab (ATIC) Usability Accessibility Bringing it all together
  • 11. Where we are today Tandem processes and consistent deliverables Cross-functional understanding of high level principles Evolving process
  • 12. Why our collaboration works Stronger advocates for the end-user Fewer things ‘falling through the cracks’ Fewer places where ATIC Lab (Assistive Technology Information Center) has to bridge the gap Helping each other meet client timelines Reinforcing key issues related to both disciplines
  • 13. Accessibility Resources WebAim’sPOUR principles - http://webaim.org/articles/pour/ Paciello Group’s Colour Contrast Anylyzer - http://www.paciellogroup.com/resources/contrast-analyser.html The WAVE Toolbar - http://wave.webaim.org/toolbar FireFoxWeb Developer Add-on – https://addons.mozilla.org/en-US/firefox/addon/web-developer/
  • 14. Usability Resources Usability Body of Knowledge Boxes and Arrows: The Design Behind the Design Information Design.org
  • 15. Questions? Katherine Wahl - kwahl@mit.edu Stephani Roberts – stephani@mit.edu

Notas do Editor

  1. SWho we are and the fact that we are with MIT’s Accessibility and Usability TeamPass off to K
  2. S
  3. KWhat we do in terms of accessibility
  4. SOur work at MIT – We are part of the customer service branch of IS&T. What we were before and where we are now, how it has evolved over time. we are consults who work on large and small projects across the instituteWe are free, we don’t do audits, we have made strides in becoming an integral part of IS&T’s development process.Reorg details – We had been working side by side and in 2009 Usability became part of ATIC and Accessibility.Enterprise wide, Student sites, Community web sites
  5. KNeed concrete anecdotal examples to discuss about thisThe lack of connection on one distance teaching tool design (blossoms) between the logo, the slug line that explained the site, and the branding for what the site was about. There was no general organizing principle. Everything at the same level and visual clutter.Search box not available on every page. Irregular “go” button.Early is better : sloan executive ed, structure, overwhelming information, tab order and poorly structured forms (we were not involved in the design phase and when we finally saw the code three were major problems)Missed Opportunites: A series of surveys for MIT Research and Grant fellows were reviewed by accessibility but they have not allowed Usability Reinforcing recommendationsCaptionsGood structureReadble layoutWhite spaceColorsAll contribute to make sites and applications to be more usable and accessibleIncreased client satisfactionWe are an academic institution – students are our customers – laws protect equal access and we ensre that that happens – when we do our jobs we reduce reliance on ATIC lab – and reduce calls to the help desk
  6. K
  7. SEASI and Knowbility WebinarsPOUR – Perceivable, Operable, Understandable, Robust
  8. S & K
  9. K and S
  10. SNow we see that there’s overlap between Usability and accessibilitySites with all the hooks impact the accessibility without detracting from the visual or usable sideSmall font size, poor contrast, improper use of more links, and not enough white space ( are issues for both accessibility and usability)Where usability and assistive tech overlap - for example solid IA & consistent labels make for more coherent screen reading experienceFor course sites the lab remediates the areas where usability and accessibility are unable to make an impact or are not implemented, when we do our job well there’s less work for them.
  11. K – merging reports didn’t workWe both have an understanding of the high level principles so we can advocate for each other in our absenceWe can quickly assess and see potential trouble spots and recommendationsProcess is evolving: looking at ways to tweak our work as we move forward. Ex. code recommendations for JPEGsStructure recommendations for code reviews
  12. S