SlideShare une entreprise Scribd logo
1  sur  20
WEB ACCESSIBILITY Beyond Large
Fonts
WHO I AM?
twitter: _khabibullina
github: akhabibullina
twitter: da14_team
website: http://da-14.com/
PROBLEM Audience
AUDIEN
CE
TRY IT
Blur, https://www.nei.nih.gov/health/examples
Diabetic Retinopathy
Glaucoma
Age-Related
Macular Degeneration
Glaucoma
http://goo.gl/GT8xPr
http://goo.gl/UAXtnShttp://goo.gl/KSnQ9h
http://goo.gl/Wi6Jr2
Cataracts
ACCESSIBILITY?
Scary sound: http://goo.gl/dC9PIJ
ACCESSIBILITY
Web accessibility means that people
with
disabilities can use the Web
http://www.w3.org/WAI/intro/accessibility.php
ASSISTIVE TECHNOLOGY
PRODUCTS
1. Screen enlargers, or screen magnifiers
2. Speech / voice recognition programs
3. Refreshable Braille displays
4. ETC
http://www.microsoft.com/enable/at/types.aspx
BRAILLE
http://en.wikipedia.org/wiki/Braille
MAKING WEB ACCESSIBLE Closing the gap
LARGE FONTS. UMM...
CONTRAST. UMM...
http://akhabibullina.github.io/invert/
GOOD DESIGN: COMMON SENSE
GOOD DESIGN: ZOOM
MAKING WEB ACCESSIBLE
Web Accessibility Initiative (WAI)
http://www.w3.org/WAI/
MAKING YOUR WEBSITE
ACCESSIBLE
Understanding Web Content
Accessibility Guidelines (WCAG) 2.0
http://goo.gl/RuQr56
http://goo.gl/a88Fnc
http://goo.gl/kX3e2M
http://goo.gl/pdVyQW
http://goo.gl/5Uba6E
Accessible Rich Internet Applications (ARIA)
DEMO LIKE A PRO
http://test.cita.illinois.edu/aria/checkbox/checkbox2.php
http://conference.uawebchallenge.com/ua.html
CHECK YOUR WORK
Web Accessibility Evaluation Tools List:
http://www.w3.org/WAI/ER/tools/
Web Accessibility Toolbar:
http://www.paciellogroup.com/resources/wat/
Technology Tools:
http://www.section508.gov/technology-tools
CONSIDER DIFFERENT PERSPECTIVES

Contenu connexe

Tendances

Module6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsitesModule6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsites
Daniel Downs
 
Banner ads
Banner adsBanner ads
Banner ads
peevanee
 
High profile drupal websites
High profile drupal websitesHigh profile drupal websites
High profile drupal websites
drupalforest
 
EdTech Training by Işıl Boy
EdTech Training by Işıl BoyEdTech Training by Işıl Boy
EdTech Training by Işıl Boy
mervetekin
 
My Learning Style Presentation
My Learning Style PresentationMy Learning Style Presentation
My Learning Style Presentation
guest16e403
 

Tendances (20)

Module6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsitesModule6 htmlcss helpfulcodeandwebsites
Module6 htmlcss helpfulcodeandwebsites
 
PersonalBlogs_AgarwalP
PersonalBlogs_AgarwalPPersonalBlogs_AgarwalP
PersonalBlogs_AgarwalP
 
Portfolio
PortfolioPortfolio
Portfolio
 
Knowledge Management with Web 2.0 Technology
Knowledge Management with Web 2.0 TechnologyKnowledge Management with Web 2.0 Technology
Knowledge Management with Web 2.0 Technology
 
Polc
PolcPolc
Polc
 
My Projects done
My Projects doneMy Projects done
My Projects done
 
End
EndEnd
End
 
Banner ads
Banner adsBanner ads
Banner ads
 
Tech Resources for Artist Seminar
Tech Resources for Artist SeminarTech Resources for Artist Seminar
Tech Resources for Artist Seminar
 
High profile drupal websites
High profile drupal websitesHigh profile drupal websites
High profile drupal websites
 
EdTech Training by Işıl Boy
EdTech Training by Işıl BoyEdTech Training by Işıl Boy
EdTech Training by Işıl Boy
 
Google drive
Google drive Google drive
Google drive
 
Basic Toolbox
Basic ToolboxBasic Toolbox
Basic Toolbox
 
Technology In Schools What Is Changing
Technology  In  Schools  What  Is  ChangingTechnology  In  Schools  What  Is  Changing
Technology In Schools What Is Changing
 
Podcasting interview
Podcasting interviewPodcasting interview
Podcasting interview
 
Community Career Center: Windows 10
Community Career Center: Windows 10Community Career Center: Windows 10
Community Career Center: Windows 10
 
ДотаНетоЛогия: СПб 2017
ДотаНетоЛогия: СПб 2017ДотаНетоЛогия: СПб 2017
ДотаНетоЛогия: СПб 2017
 
博客更新
博客更新博客更新
博客更新
 
My Learning Style Presentation
My Learning Style PresentationMy Learning Style Presentation
My Learning Style Presentation
 
Video conferencing room e-twinning_adobe connect 9
Video conferencing room e-twinning_adobe connect 9 Video conferencing room e-twinning_adobe connect 9
Video conferencing room e-twinning_adobe connect 9
 

Similaire à Web Accessibility: You can and You should

Web Casting In The Classroom
Web Casting In The ClassroomWeb Casting In The Classroom
Web Casting In The Classroom
Karen Brooks
 
Mash It Up! Summer 2009
Mash It Up! Summer 2009Mash It Up! Summer 2009
Mash It Up! Summer 2009
Naomi Bates
 
Mash It Up! Summer 2009
Mash It Up! Summer 2009Mash It Up! Summer 2009
Mash It Up! Summer 2009
Naomi Bates
 
25 ways
25 ways25 ways
25 ways
M
 
A day in the life of a digital pioneer
A day in the life of a digital pioneerA day in the life of a digital pioneer
A day in the life of a digital pioneer
sherylwil
 
Using Technology to Help Students Succeed
Using Technology to Help Students SucceedUsing Technology to Help Students Succeed
Using Technology to Help Students Succeed
glennrmoses
 
Personalized learning in the Common Core - ECC 2014
Personalized learning in the Common Core - ECC 2014Personalized learning in the Common Core - ECC 2014
Personalized learning in the Common Core - ECC 2014
Lisa Marie Gonzales, Ed.D.
 

Similaire à Web Accessibility: You can and You should (20)

Power Up Your Professional Learning Network
Power Up Your Professional Learning NetworkPower Up Your Professional Learning Network
Power Up Your Professional Learning Network
 
Nexus 7 for Adult Education
Nexus 7 for Adult EducationNexus 7 for Adult Education
Nexus 7 for Adult Education
 
Web Casting In The Classroom
Web Casting In The ClassroomWeb Casting In The Classroom
Web Casting In The Classroom
 
PowerUpYour PPLN
PowerUpYour PPLNPowerUpYour PPLN
PowerUpYour PPLN
 
Mash It Up! Summer 2009
Mash It Up! Summer 2009Mash It Up! Summer 2009
Mash It Up! Summer 2009
 
Mash It Up! Summer 2009
Mash It Up! Summer 2009Mash It Up! Summer 2009
Mash It Up! Summer 2009
 
WebGL, WebVR and the Metaverse
WebGL, WebVR and the MetaverseWebGL, WebVR and the Metaverse
WebGL, WebVR and the Metaverse
 
Power Up Your Professional Learning Network
Power Up Your Professional Learning NetworkPower Up Your Professional Learning Network
Power Up Your Professional Learning Network
 
25 ways
25 ways25 ways
25 ways
 
Accessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetupAccessibility Primer Version 2 - UXfrkln meetup
Accessibility Primer Version 2 - UXfrkln meetup
 
A day in the life of a digital pioneer
A day in the life of a digital pioneerA day in the life of a digital pioneer
A day in the life of a digital pioneer
 
Toolbox for Freeapps
Toolbox for FreeappsToolbox for Freeapps
Toolbox for Freeapps
 
Accessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetupAccessibility Primer - UXfrkln meetup
Accessibility Primer - UXfrkln meetup
 
Conexión Persuasiva (persuasión)
Conexión Persuasiva (persuasión)Conexión Persuasiva (persuasión)
Conexión Persuasiva (persuasión)
 
Web 2.0 for Schools
Web 2.0 for SchoolsWeb 2.0 for Schools
Web 2.0 for Schools
 
Using Technology to Help Students Succeed
Using Technology to Help Students SucceedUsing Technology to Help Students Succeed
Using Technology to Help Students Succeed
 
Personalized learning in the Common Core - ECC 2014
Personalized learning in the Common Core - ECC 2014Personalized learning in the Common Core - ECC 2014
Personalized learning in the Common Core - ECC 2014
 
Jason borgen
Jason borgenJason borgen
Jason borgen
 
Web Accessibility and WCAG
Web Accessibility and WCAGWeb Accessibility and WCAG
Web Accessibility and WCAG
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 

Plus de Anna Khabibullina

In search of JavaScript code quality: unit testing
In search of JavaScript code quality: unit testingIn search of JavaScript code quality: unit testing
In search of JavaScript code quality: unit testing
Anna Khabibullina
 

Plus de Anna Khabibullina (7)

Key Challenges of Smart Home
Key Challenges of Smart HomeKey Challenges of Smart Home
Key Challenges of Smart Home
 
Influence without authority annakh@ slideshare
Influence without authority   annakh@ slideshareInfluence without authority   annakh@ slideshare
Influence without authority annakh@ slideshare
 
Don’t forget to add doctype
Don’t forget to add doctypeDon’t forget to add doctype
Don’t forget to add doctype
 
SVG Accessibility
SVG AccessibilitySVG Accessibility
SVG Accessibility
 
Js fwdays unit tesing javascript(by Anna Khabibullina)
Js fwdays unit tesing javascript(by Anna Khabibullina)Js fwdays unit tesing javascript(by Anna Khabibullina)
Js fwdays unit tesing javascript(by Anna Khabibullina)
 
In search of JavaScript code quality: unit testing
In search of JavaScript code quality: unit testingIn search of JavaScript code quality: unit testing
In search of JavaScript code quality: unit testing
 
Typescript: A Story Of A Project
Typescript: A Story Of A ProjectTypescript: A Story Of A Project
Typescript: A Story Of A Project
 

Dernier

Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 

Dernier (20)

Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!State of the Smart Building Startup Landscape 2024!
State of the Smart Building Startup Landscape 2024!
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 

Web Accessibility: You can and You should