SlideShare a Scribd company logo
1 of 20
INTRODUCTION TO WEB
ACCESSIBILITY
Date: 29th February, 2019
WAAW She Hacks Africa Meet Up Event.
Positive Equator
www.positiveequator.com
@positiveequator
What is Web Accessibility?
Web accessibility simply means taking measures
to ensure websites, tools, and technologies are
designed and developed so that people with
disabilities can use them.
This Use Includes;
• Perceive
• Understand
• Navigate
• Interact
• Contribute
More than 19 million people live with
Disabilities in Nigeria, as of 2018.
Source: Premium Times
https://www.premiumtimesng.com/news/
more-news/288954-19-million-nigerians-
living-with-disability-official.html
#a11y?
This is the digital/tech jargon for accessibility
A/ccessibilit/y
Note that Disability in this context is not limited
to disabled people.
It includes all disabilities that affect web access,
including;
• Auditory
• Cognitive
• Neurological
• Physical
• Speech
• Visual
It can affect ANYONE!
HOW DO PEOPLE WITH DISABILITIES USE WEB?
Visual
Visually impaired people use;
• Screen magnifying software
• Screen readers
• Braille.
These devices read website content just like
search engines.
Screen Magnifying Software
Screen Readers
Braille
Auditory
This guys can read text but
require captions and transcripts
to interpret audio/video
content.
Neurological/Physical
This group is made up of people with shaky
hands, and arthritis and seniors.
They use
• Trackball mouse
• Mouse stick
• Head wand
• Sip and puff device
• Eye tracking software
to tap and navigate sites via keyboard.
Trackball mouse
Mouse stick
Head wand
Sip and Puff Device
Eye Tracking Device
Why Make the Web Accessible?
• Improved Usability
• Expands Market Reach
• It’s the right thing to do (Right to Internet
Access).
• Improves Company Branding
• Easier to Execute and Maintain
• Increases Search Engine Ranking
• Required by Law in some countries/Eliminates
Litigation.
HOW DOES WEB ACCESSIBILITY ISSUES AFFECT
US?
• As Individuals; Accessible websites leads to an
excellent experience.
• For A Business; Accessible design improves user
engagement and satisfaction, consequently
enhancing your brand reputation and extending
market reach.
• For Society; In more advanced countries, people with
disabilities sue organizations that fail to consider
web accessibility in their digital designs.
STAKEHOLDERS
People With Disabilities
Companies Developers
Legal Industry
WEB
ACCESSIBILITY
The number of website accessibility lawsuits filled
in federal court under American Disability Act
(ADA), Title III exploded in 2018 to at least 2258.
This increased by 177% from 814 such lawsuits
in 2017.
Source: Seyfarth
https://www.google.com/amp/s/www.adatitleiii
.com/2019/01/number-of-federal-website-
accessibility-lawsuits-nearly-triple-exceeding-
2250-in-2018/amp.html
HOW TO MAKE WEBSITES ACCESSIBLE
• Ensure your site is keyboard-navigation friendly.
• Add alt text to all non-text content.
• Do not use alt text for decorative images.
• Caption and/or provide transcripts for videos
and audios.
• Use colors carefully.
• Use appropriate header structure.
• Enable resizable text that doesn’t break your site.
• Avoid automatic media and navigation.
• Ensure links stand out.
• Ensure content is clearly written and easy to
read.
FURTHER READING
Follow Web Content Accessibility Guidelines
(WCAG) 2.2
(https://www.w3.org/TR/2020/WD-
WCAG22-20200227/)
• These guidelines are established by the
Accessibility Initiative of the World Wide Web
Consortium (W3C).
https://www.w3.org/WAI/fundamentals/acc
essibility-intro/
https://www.w3.org/standards/webdesign/a
ccessibility
https://webaim.org/intro/
https://developers.google.com/web/fundame
ntals/accessibility
https://www.edx.org/course/web-
accessibility-introduction (Course)
https://www.udacity.com/course/web-
accessibility--ud891 (Course)
CONCLUSION
• Ensuring your site can be used by as many
people as possible should be your top priority.
There is no reason to exclude anyone because
everyone has equal rights to the web.
• You’ll not only be appreciated by your users
with disabilities, but you’ll experience increase
in traffic and conversion too.
• Besides you’ve got nothing to loose and many
things to gain.
THANK YOU
Positive Equator
www.positiveequator.com
@positiveequator

More Related Content

What's hot

Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web AccessibilityMoin Shaikh
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
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 responsibilityMedia Access Australia
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Helena Zubkow
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility GuidelinesPurnimaAgarwal6
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Kailash More
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsMedia Access Australia
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelinesrach123
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
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
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeWhitney Quesenbery
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design3Play Media
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
State of Content Accessibility
State of Content AccessibilityState of Content Accessibility
State of Content Accessibility3Play Media
 
Impact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingImpact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingMohammad Qais Mujeeb, PMP
 
Tech4Good, Tech4All, and Digital Inclusion
Tech4Good, Tech4All, and Digital InclusionTech4Good, Tech4All, and Digital Inclusion
Tech4Good, Tech4All, and Digital Inclusion3Play Media
 

What's hot (20)

Basics of Web Accessibility
Basics of Web AccessibilityBasics of Web Accessibility
Basics of Web Accessibility
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
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
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
 
Web Content Accessibility Guidelines
Web Content Accessibility GuidelinesWeb Content Accessibility Guidelines
Web Content Accessibility Guidelines
 
Usability meets accessibility
Usability meets accessibilityUsability meets accessibility
Usability meets accessibility
 
Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010Accessibility testing kailash 26_nov_ 2010
Accessibility testing kailash 26_nov_ 2010
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick Wins
 
Web a11y beyond guidelines
Web a11y beyond guidelinesWeb a11y beyond guidelines
Web a11y beyond guidelines
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Baking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event StrategyBaking Accessibility Into Your Event Strategy
Baking Accessibility Into Your Event Strategy
 
A Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challengeA Web for Everyone: Accessibility as a design challenge
A Web for Everyone: Accessibility as a design challenge
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Accessibility and Technical Communication
Accessibility and Technical CommunicationAccessibility and Technical Communication
Accessibility and Technical Communication
 
State of Content Accessibility
State of Content AccessibilityState of Content Accessibility
State of Content Accessibility
 
Impact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingImpact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writing
 
Tech4Good, Tech4All, and Digital Inclusion
Tech4Good, Tech4All, and Digital InclusionTech4Good, Tech4All, and Digital Inclusion
Tech4Good, Tech4All, and Digital Inclusion
 

Similar to What is Web Accessibility? An Introduction to Web Accessibility.

Agencies - Talking to Clients about Digital Accessibility
Agencies - Talking to Clients about Digital AccessibilityAgencies - Talking to Clients about Digital Accessibility
Agencies - Talking to Clients about Digital AccessibilityTeresa Huber
 
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
 
Forms for All: Building Accessibility into UiPath App Design
Forms for All: Building Accessibility into UiPath App DesignForms for All: Building Accessibility into UiPath App Design
Forms for All: Building Accessibility into UiPath App DesignDianaGray10
 
Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020Sumner M. Davenport
 
Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Peter Jewett
 
What to include on the accessibility help page on your website
What to include on the accessibility help page on your websiteWhat to include on the accessibility help page on your website
What to include on the accessibility help page on your websiteAbilityNet
 
Website accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DCWebsite accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DC► Roy Rumaner
 
Accessibility 101 for Financial Institutions
Accessibility 101 for Financial Institutions Accessibility 101 for Financial Institutions
Accessibility 101 for Financial Institutions 3Play Media
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
The Rise and Fall of Ghanaian Hiplife Website
The Rise and Fall of Ghanaian Hiplife WebsiteThe Rise and Fall of Ghanaian Hiplife Website
The Rise and Fall of Ghanaian Hiplife WebsiteIdongesit Williams (Ph.D)
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Whole Brain Group, LLC
 
Making Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web AccessibilityMaking Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web AccessibilityMultidots Solutions Pvt Ltd
 
Ghostery Enterprise Security Study
Ghostery Enterprise Security StudyGhostery Enterprise Security Study
Ghostery Enterprise Security StudyGhostery, Inc.
 
Transform business with e commerce
Transform business with e commerceTransform business with e commerce
Transform business with e commerceEkoInnovationCentre
 
Trends in Online Accessibility
Trends in Online AccessibilityTrends in Online Accessibility
Trends in Online Accessibility3Play Media
 
Enhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with DisabilitiesEnhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with DisabilitiesUXPA International
 
Approach coding for accessibility
Approach coding for accessibilityApproach coding for accessibility
Approach coding for accessibilityNitin Suri
 

Similar to What is Web Accessibility? An Introduction to Web Accessibility. (20)

Agencies - Talking to Clients about Digital Accessibility
Agencies - Talking to Clients about Digital AccessibilityAgencies - Talking to Clients about Digital Accessibility
Agencies - Talking to Clients about Digital 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...
 
Forms for All: Building Accessibility into UiPath App Design
Forms for All: Building Accessibility into UiPath App DesignForms for All: Building Accessibility into UiPath App Design
Forms for All: Building Accessibility into UiPath App Design
 
Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020Profitability of Accessibility WordPress Accessibility Day 2020
Profitability of Accessibility WordPress Accessibility Day 2020
 
Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020Portland, ME WordPress Meetup - Web Accessibility in 2020
Portland, ME WordPress Meetup - Web Accessibility in 2020
 
What to include on the accessibility help page on your website
What to include on the accessibility help page on your websiteWhat to include on the accessibility help page on your website
What to include on the accessibility help page on your website
 
Website accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DCWebsite accessibility presentation made at MWLUG 2017 in Washington DC
Website accessibility presentation made at MWLUG 2017 in Washington DC
 
Accessibility 101 for Financial Institutions
Accessibility 101 for Financial Institutions Accessibility 101 for Financial Institutions
Accessibility 101 for Financial Institutions
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
The Rise and Fall of Ghanaian Hiplife Website
The Rise and Fall of Ghanaian Hiplife WebsiteThe Rise and Fall of Ghanaian Hiplife Website
The Rise and Fall of Ghanaian Hiplife Website
 
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...Marketing Without Barriers: Considering Digital Accessibility for Customers a...
Marketing Without Barriers: Considering Digital Accessibility for Customers a...
 
Making Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web AccessibilityMaking Web Easily Accessible with Web Accessibility
Making Web Easily Accessible with Web Accessibility
 
Midcamp2016
Midcamp2016Midcamp2016
Midcamp2016
 
Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
 
Ghostery Enterprise Security Study
Ghostery Enterprise Security StudyGhostery Enterprise Security Study
Ghostery Enterprise Security Study
 
Transform business with e commerce
Transform business with e commerceTransform business with e commerce
Transform business with e commerce
 
Trends in Online Accessibility
Trends in Online AccessibilityTrends in Online Accessibility
Trends in Online Accessibility
 
Enhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with DisabilitiesEnhancing the User Experience for People with Disabilities
Enhancing the User Experience for People with Disabilities
 
Approach coding for accessibility
Approach coding for accessibilityApproach coding for accessibility
Approach coding for accessibility
 
B.r.info solution
B.r.info solutionB.r.info solution
B.r.info solution
 

Recently uploaded

What are the key points to focus on before starting to learn ETL Development....
What are the key points to focus on before starting to learn ETL Development....What are the key points to focus on before starting to learn ETL Development....
What are the key points to focus on before starting to learn ETL Development....kzayra69
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsAhmed Mohamed
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfAlina Yurenko
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...stazi3110
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio, Inc.
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesPhilip Schwarz
 
Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)Hr365.us smith
 
Software Project Health Check: Best Practices and Techniques for Your Product...
Software Project Health Check: Best Practices and Techniques for Your Product...Software Project Health Check: Best Practices and Techniques for Your Product...
Software Project Health Check: Best Practices and Techniques for Your Product...Velvetech LLC
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh
 
Unveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New FeaturesUnveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New FeaturesŁukasz Chruściel
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...gurkirankumar98700
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfPower Karaoke
 
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte GermanySuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte GermanyChristoph Pohl
 
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...OnePlan Solutions
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 

Recently uploaded (20)

What are the key points to focus on before starting to learn ETL Development....
What are the key points to focus on before starting to learn ETL Development....What are the key points to focus on before starting to learn ETL Development....
What are the key points to focus on before starting to learn ETL Development....
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed DataAlluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
Alluxio Monthly Webinar | Cloud-Native Model Training on Distributed Data
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a series
 
Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)Recruitment Management Software Benefits (Infographic)
Recruitment Management Software Benefits (Infographic)
 
Software Project Health Check: Best Practices and Techniques for Your Product...
Software Project Health Check: Best Practices and Techniques for Your Product...Software Project Health Check: Best Practices and Techniques for Your Product...
Software Project Health Check: Best Practices and Techniques for Your Product...
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
 
Unveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New FeaturesUnveiling the Future: Sylius 2.0 New Features
Unveiling the Future: Sylius 2.0 New Features
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
(Genuine) Escort Service Lucknow | Starting ₹,5K To @25k with A/C 🧑🏽‍❤️‍🧑🏻 89...
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
 
The Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdfThe Evolution of Karaoke From Analog to App.pdf
The Evolution of Karaoke From Analog to App.pdf
 
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte GermanySuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
SuccessFactors 1H 2024 Release - Sneak-Peek by Deloitte Germany
 
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
Maximizing Efficiency and Profitability with OnePlan’s Professional Service A...
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 

What is Web Accessibility? An Introduction to Web Accessibility.

  • 1. INTRODUCTION TO WEB ACCESSIBILITY Date: 29th February, 2019 WAAW She Hacks Africa Meet Up Event. Positive Equator www.positiveequator.com @positiveequator
  • 2. What is Web Accessibility? Web accessibility simply means taking measures to ensure websites, tools, and technologies are designed and developed so that people with disabilities can use them. This Use Includes; • Perceive • Understand • Navigate • Interact • Contribute
  • 3. More than 19 million people live with Disabilities in Nigeria, as of 2018. Source: Premium Times https://www.premiumtimesng.com/news/ more-news/288954-19-million-nigerians- living-with-disability-official.html
  • 4. #a11y? This is the digital/tech jargon for accessibility A/ccessibilit/y
  • 5. Note that Disability in this context is not limited to disabled people. It includes all disabilities that affect web access, including; • Auditory • Cognitive • Neurological • Physical • Speech • Visual It can affect ANYONE!
  • 6. HOW DO PEOPLE WITH DISABILITIES USE WEB? Visual Visually impaired people use; • Screen magnifying software • Screen readers • Braille. These devices read website content just like search engines.
  • 8. Auditory This guys can read text but require captions and transcripts to interpret audio/video content.
  • 9. Neurological/Physical This group is made up of people with shaky hands, and arthritis and seniors. They use • Trackball mouse • Mouse stick • Head wand • Sip and puff device • Eye tracking software to tap and navigate sites via keyboard.
  • 11. Sip and Puff Device Eye Tracking Device
  • 12. Why Make the Web Accessible? • Improved Usability • Expands Market Reach • It’s the right thing to do (Right to Internet Access). • Improves Company Branding • Easier to Execute and Maintain • Increases Search Engine Ranking • Required by Law in some countries/Eliminates Litigation.
  • 13. HOW DOES WEB ACCESSIBILITY ISSUES AFFECT US? • As Individuals; Accessible websites leads to an excellent experience. • For A Business; Accessible design improves user engagement and satisfaction, consequently enhancing your brand reputation and extending market reach. • For Society; In more advanced countries, people with disabilities sue organizations that fail to consider web accessibility in their digital designs.
  • 14. STAKEHOLDERS People With Disabilities Companies Developers Legal Industry WEB ACCESSIBILITY
  • 15. The number of website accessibility lawsuits filled in federal court under American Disability Act (ADA), Title III exploded in 2018 to at least 2258. This increased by 177% from 814 such lawsuits in 2017. Source: Seyfarth https://www.google.com/amp/s/www.adatitleiii .com/2019/01/number-of-federal-website- accessibility-lawsuits-nearly-triple-exceeding- 2250-in-2018/amp.html
  • 16. HOW TO MAKE WEBSITES ACCESSIBLE • Ensure your site is keyboard-navigation friendly. • Add alt text to all non-text content. • Do not use alt text for decorative images. • Caption and/or provide transcripts for videos and audios. • Use colors carefully. • Use appropriate header structure. • Enable resizable text that doesn’t break your site. • Avoid automatic media and navigation. • Ensure links stand out. • Ensure content is clearly written and easy to read.
  • 17. FURTHER READING Follow Web Content Accessibility Guidelines (WCAG) 2.2 (https://www.w3.org/TR/2020/WD- WCAG22-20200227/) • These guidelines are established by the Accessibility Initiative of the World Wide Web Consortium (W3C).
  • 19. CONCLUSION • Ensuring your site can be used by as many people as possible should be your top priority. There is no reason to exclude anyone because everyone has equal rights to the web. • You’ll not only be appreciated by your users with disabilities, but you’ll experience increase in traffic and conversion too. • Besides you’ve got nothing to loose and many things to gain.