SlideShare a Scribd company logo
1 of 13
Download to read offline
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 1
INTERACTIVE SYSTEMS USABILITY DESIGN
Roberto DADDA e Paolo NEGRI
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 2
Accessibility
In a nutshell
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 3
Accessibility definition
• Accessibility in the sense considered here refers to
the design of products, devices, services, or
environments so as to be usable by people
with disabilities. The concept of accessible design and
practice of accessible development ensures both
"direct access" (i.e. unassisted) and "indirect access"
meaning compatibility with a person's assistive
technology (for example, computer screen readers).
• Not for disabled only, good for slow network
connection, small smartphone…
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 4
Accessibility
• The internet is a place of equality. It can give us power and choice at the
same level if accessible.
• Tim Berners-Lee (founder of WWW) says the power of the web is in its
universality: access by everyone regardless of disability is its essential
aspect.
• Inclusion and supporting the underserved populations.
• Federal Section 508 standards – ADA law – Legge stanca
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 5
Accessibility is…
• Accessibility is not…
• Text-only pages
• Separate accessible versions (except in multimedia)
• Boring
• Difficult
• Accessibility is…
• Accessibility is about building web pages that can be navigated and read by
everyone, regardless of disability, location, experience or technology.
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 6
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 7
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 8
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 9
Web Accessibility
• Up to 20% of Americans have some kind of disability.
• The major kinds that affect web use include:
• Visual – blind, low vision, color-blind
• Hearing – deafness
• Motor – inability to use a mouse, slow response time, limited fine motor
• Cognitive – includes learning disabilities, unable to focus
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 10
Barriers to Accessibility
• Visual: Screen readers, read web page content aloud for people who
have low or no vision.
• Deaf: Need captioning for sound.
• Motor: People who don’t have use of their arms or hands sometimes
navigate the web via the keyboard, hitting keys with a stick in their
mouths.
Requires site design that allows for exclusive keyboard navigation…(try
getting around a web page using just the keyboard, without
using a mouse.)
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 11
Link to the document
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 12
Resources on accessibility
Web accessibility initiative, W3C WAI
theaccessibilityresourcecenter
www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 13
Usability
Roberto DADDA
roberto@dadda.it
www.dadda.it
Skype, Facebook e Twitter robertodadda

More Related Content

What's hot

Assistive Technology past present and future
Assistive Technology past present and futureAssistive Technology past present and future
Assistive Technology past present and futureDavid Banes
 
Ipad presentation
Ipad presentationIpad presentation
Ipad presentationSony2cool
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design3Play Media
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Helena Zubkow
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Henny Swan
 
Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Pat Maher
 
Web accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityWeb accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityAccess iQ
 
The what, why, and how of accessibility
The what, why, and how of accessibilityThe what, why, and how of accessibility
The what, why, and how of accessibility3Play Media
 
NDS Employment Conference
NDS Employment ConferenceNDS Employment Conference
NDS Employment ConferenceAccess iQ
 
Assistive tecnology [recuperado]
Assistive tecnology [recuperado]Assistive tecnology [recuperado]
Assistive tecnology [recuperado]Rui Pinto
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Henny Swan
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
Baking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategyBaking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategySofia Leiva Enamorado
 
Assissted Technology
Assissted TechnologyAssissted Technology
Assissted Technologyrichfikes
 
Smart phones
Smart phonesSmart phones
Smart phonesuuchi1
 
How technology can help people with dyslexia
How technology can help people with dyslexia How technology can help people with dyslexia
How technology can help people with dyslexia AbilityNet
 

What's hot (19)

Assistive Technology past present and future
Assistive Technology past present and futureAssistive Technology past present and future
Assistive Technology past present and future
 
Ipad presentation
Ipad presentationIpad presentation
Ipad presentation
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
 
Itkan mobile-disabilities v5
Itkan mobile-disabilities v5Itkan mobile-disabilities v5
Itkan mobile-disabilities v5
 
Web accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibilityWeb accessibility: It's everyone's responsibility
Web accessibility: It's everyone's responsibility
 
The what, why, and how of accessibility
The what, why, and how of accessibilityThe what, why, and how of accessibility
The what, why, and how of accessibility
 
NDS Employment Conference
NDS Employment ConferenceNDS Employment Conference
NDS Employment Conference
 
Assistive tecnology [recuperado]
Assistive tecnology [recuperado]Assistive tecnology [recuperado]
Assistive tecnology [recuperado]
 
BYOD for Educators
BYOD for EducatorsBYOD for Educators
BYOD for Educators
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Technology by. Anna Paula Viterbo
Technology by. Anna Paula ViterboTechnology by. Anna Paula Viterbo
Technology by. Anna Paula Viterbo
 
Baking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategyBaking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event Strategy
 
Assissted Technology
Assissted TechnologyAssissted Technology
Assissted Technology
 
Assistive Technology
Assistive TechnologyAssistive Technology
Assistive Technology
 
Smart phones
Smart phonesSmart phones
Smart phones
 
How technology can help people with dyslexia
How technology can help people with dyslexia How technology can help people with dyslexia
How technology can help people with dyslexia
 

Similar to Accessibility and Usability in Web Design: Ensuring Sites Work for All

Accessibility Means Business
Accessibility Means BusinessAccessibility Means Business
Accessibility Means BusinessIrene Walker
 
Web Accessibility: Changing the perspective
Web Accessibility: Changing the perspectiveWeb Accessibility: Changing the perspective
Web Accessibility: Changing the perspectiveValerijaTrane
 
Jason Gordon of Texthelp at ND15
Jason Gordon of Texthelp at ND15Jason Gordon of Texthelp at ND15
Jason Gordon of Texthelp at ND15Digital Leaders
 
2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital Age2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital AgeJonathan Hassell
 
BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...Lyndon Borrow
 
An Overview of Internet of Things
An Overview of Internet of Things An Overview of Internet of Things
An Overview of Internet of Things Ravindra Dastikop
 
Making Technology Work at Work - #1 in the Employment in the Digital Age Series
Making Technology Work at Work - #1 in the Employment in the Digital Age SeriesMaking Technology Work at Work - #1 in the Employment in the Digital Age Series
Making Technology Work at Work - #1 in the Employment in the Digital Age Seriesinaroundos
 
Universal usability by_saina_uie_assign
Universal usability by_saina_uie_assignUniversal usability by_saina_uie_assign
Universal usability by_saina_uie_assignSainaKumari
 
Enabling your disabled market through UX
Enabling your disabled market through UXEnabling your disabled market through UX
Enabling your disabled market through UXMark Flint
 
04 user centered design
04 user centered design04 user centered design
04 user centered designRoberto Dadda
 
Higher Education Digital Accessibility 101
Higher Education Digital Accessibility 101Higher Education Digital Accessibility 101
Higher Education Digital Accessibility 101Gareth Edwards
 
How to Support Learners with Sight Loss
How to Support Learners with Sight LossHow to Support Learners with Sight Loss
How to Support Learners with Sight LossGood Things Foundation
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...SMILE
 
Mobile Learning And Pd As
Mobile Learning And Pd AsMobile Learning And Pd As
Mobile Learning And Pd Asszurlnick
 
How technology can help people with dyslexia
How technology can help people with dyslexiaHow technology can help people with dyslexia
How technology can help people with dyslexiaAbilityNet
 
Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Samir Dash
 

Similar to Accessibility and Usability in Web Design: Ensuring Sites Work for All (20)

Accessibility Means Business
Accessibility Means BusinessAccessibility Means Business
Accessibility Means Business
 
11 error management
11 error management11 error management
11 error management
 
Web Accessibility: Changing the perspective
Web Accessibility: Changing the perspectiveWeb Accessibility: Changing the perspective
Web Accessibility: Changing the perspective
 
Jason Gordon of Texthelp at ND15
Jason Gordon of Texthelp at ND15Jason Gordon of Texthelp at ND15
Jason Gordon of Texthelp at ND15
 
2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital Age2009: Social inclusion in a Digital Age
2009: Social inclusion in a Digital Age
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
 
BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...BDA - The Importance of Digital Accessibility and why it should matter to the...
BDA - The Importance of Digital Accessibility and why it should matter to the...
 
An Overview of Internet of Things
An Overview of Internet of Things An Overview of Internet of Things
An Overview of Internet of Things
 
Making Technology Work at Work - #1 in the Employment in the Digital Age Series
Making Technology Work at Work - #1 in the Employment in the Digital Age SeriesMaking Technology Work at Work - #1 in the Employment in the Digital Age Series
Making Technology Work at Work - #1 in the Employment in the Digital Age Series
 
Universal usability by_saina_uie_assign
Universal usability by_saina_uie_assignUniversal usability by_saina_uie_assign
Universal usability by_saina_uie_assign
 
Enabling your disabled market through UX
Enabling your disabled market through UXEnabling your disabled market through UX
Enabling your disabled market through UX
 
04 user centered design
04 user centered design04 user centered design
04 user centered design
 
Higher Education Digital Accessibility 101
Higher Education Digital Accessibility 101Higher Education Digital Accessibility 101
Higher Education Digital Accessibility 101
 
01 usability
01 usability01 usability
01 usability
 
How to Support Learners with Sight Loss
How to Support Learners with Sight LossHow to Support Learners with Sight Loss
How to Support Learners with Sight Loss
 
The Digital Divide
The Digital DivideThe Digital Divide
The Digital Divide
 
The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...The importance of web accessibility: How being inclusive can improve your uni...
The importance of web accessibility: How being inclusive can improve your uni...
 
Mobile Learning And Pd As
Mobile Learning And Pd AsMobile Learning And Pd As
Mobile Learning And Pd As
 
How technology can help people with dyslexia
How technology can help people with dyslexiaHow technology can help people with dyslexia
How technology can help people with dyslexia
 
Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!Rediscovering Accessibility for Future Tech - Everyone is affected!
Rediscovering Accessibility for Future Tech - Everyone is affected!
 

More from Roberto Dadda

07 norms and standards
07 norms and standards07 norms and standards
07 norms and standardsRoberto Dadda
 
08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestaltRoberto Dadda
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the webRoberto Dadda
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order timeRoberto Dadda
 
Poli15 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03Roberto Dadda
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01Roberto Dadda
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202Roberto Dadda
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03Roberto Dadda
 
Poli15 nescafé final analysis
Poli15   nescafé final analysisPoli15   nescafé final analysis
Poli15 nescafé final analysisRoberto Dadda
 
VeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareVeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareRoberto Dadda
 

More from Roberto Dadda (20)

02 unusability
02 unusability02 unusability
02 unusability
 
03 users models
03 users models03 users models
03 users models
 
05 1 artifacts
05 1 artifacts05 1 artifacts
05 1 artifacts
 
05 2 artifacts
05 2 artifacts05 2 artifacts
05 2 artifacts
 
07 norms and standards
07 norms and standards07 norms and standards
07 norms and standards
 
08 vision and gestalt
08 vision and gestalt08 vision and gestalt
08 vision and gestalt
 
09 colors
09 colors09 colors
09 colors
 
10 form design
10 form design10 form design
10 form design
 
12 tipography for the web
12 tipography for the web12 tipography for the web
12 tipography for the web
 
13 equilibrium order time
13 equilibrium order time13 equilibrium order time
13 equilibrium order time
 
15 emotional design
15 emotional design15 emotional design
15 emotional design
 
Poli15 uffizi - 2016-02-03
Poli15   uffizi - 2016-02-03Poli15   uffizi - 2016-02-03
Poli15 uffizi - 2016-02-03
 
Poli15 careffour - 2015-12-01
Poli15   careffour - 2015-12-01Poli15   careffour - 2015-12-01
Poli15 careffour - 2015-12-01
 
Poli15 barbie - 20160202
Poli15   barbie - 20160202Poli15   barbie - 20160202
Poli15 barbie - 20160202
 
Poli15 guanda publishing - 2016-02-03
Poli15   guanda publishing - 2016-02-03Poli15   guanda publishing - 2016-02-03
Poli15 guanda publishing - 2016-02-03
 
Poli15 sansha
Poli15   sanshaPoli15   sansha
Poli15 sansha
 
Poli15 nescafé final analysis
Poli15   nescafé final analysisPoli15   nescafé final analysis
Poli15 nescafé final analysis
 
Poli15 Fujifilm
Poli15 FujifilmPoli15 Fujifilm
Poli15 Fujifilm
 
Poli15 Tiger
Poli15 Tiger Poli15 Tiger
Poli15 Tiger
 
VeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercareVeryBello, usabilità ti continuo a cercare
VeryBello, usabilità ti continuo a cercare
 

Recently uploaded

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 

Recently uploaded (20)

Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 

Accessibility and Usability in Web Design: Ensuring Sites Work for All

  • 1. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 1 INTERACTIVE SYSTEMS USABILITY DESIGN Roberto DADDA e Paolo NEGRI
  • 2. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 2 Accessibility In a nutshell
  • 3. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 3 Accessibility definition • Accessibility in the sense considered here refers to the design of products, devices, services, or environments so as to be usable by people with disabilities. The concept of accessible design and practice of accessible development ensures both "direct access" (i.e. unassisted) and "indirect access" meaning compatibility with a person's assistive technology (for example, computer screen readers). • Not for disabled only, good for slow network connection, small smartphone…
  • 4. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 4 Accessibility • The internet is a place of equality. It can give us power and choice at the same level if accessible. • Tim Berners-Lee (founder of WWW) says the power of the web is in its universality: access by everyone regardless of disability is its essential aspect. • Inclusion and supporting the underserved populations. • Federal Section 508 standards – ADA law – Legge stanca
  • 5. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 5 Accessibility is… • Accessibility is not… • Text-only pages • Separate accessible versions (except in multimedia) • Boring • Difficult • Accessibility is… • Accessibility is about building web pages that can be navigated and read by everyone, regardless of disability, location, experience or technology.
  • 6. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 6
  • 7. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 7
  • 8. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 8
  • 9. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 9 Web Accessibility • Up to 20% of Americans have some kind of disability. • The major kinds that affect web use include: • Visual – blind, low vision, color-blind • Hearing – deafness • Motor – inability to use a mouse, slow response time, limited fine motor • Cognitive – includes learning disabilities, unable to focus
  • 10. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 10 Barriers to Accessibility • Visual: Screen readers, read web page content aloud for people who have low or no vision. • Deaf: Need captioning for sound. • Motor: People who don’t have use of their arms or hands sometimes navigate the web via the keyboard, hitting keys with a stick in their mouths. Requires site design that allows for exclusive keyboard navigation…(try getting around a web page using just the keyboard, without using a mouse.)
  • 11. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 11 Link to the document
  • 12. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 12 Resources on accessibility Web accessibility initiative, W3C WAI theaccessibilityresourcecenter
  • 13. www.dadda.it roberto@dadda.it Excellence in usability 1st semester 2019-2020 13 Usability Roberto DADDA roberto@dadda.it www.dadda.it Skype, Facebook e Twitter robertodadda