SlideShare une entreprise Scribd logo
1  sur  73
Télécharger pour lire hors ligne
Patti Arouni & John Contarino
Geographic Solutions
Making Your
Online Services
Accessible to
All Users
Accessibility Now: What Developers Need to Know About Inclusive Design
3
Accessibility is the practice of making your websites usable by
as many people as possible.
You could also think of accessibility as treating everyone the
same, and giving them the same opportunities, regardless of
ability or circumstance.
4
• People with disabilities:
• conduct personal banking
• make restaurant reservations
• access government benefits
• apply for college, shop online, read the news, play online games, and anything
else that is available on the web.
• You: improved Search Engine Optimization (SEO).
• You: Demonstrates good ethics/morals, which improves your public image.
• Other groups, such as mobile phone users, those on a low speed network, etc.
• In fact, everyone can benefit from such improvements.
Accessibility Now: What Developers Need to Know About Inclusive Design
6
• Section 508 of the Rehabilitation Act of 1973, as Amended
(Section 508)
• Americans With Disabilities Act of 1990, as Amended (ADA)
• Web Content Accessibility Guidelines 2.0 (WCAG 2.0)
Accessibility Now: What Developers Need to Know About Inclusive Design
Section 508
8
Section 508 of the Rehabilitation Act as amended, 29 U.S.C. Section 794d,
requires all digital materials developed, procured, maintained, or used by
Federal agencies be accessible to people with disabilities, and that the access
be comparable to the access and use by those without disabilities. The
accessibility requirements noted within Section 508 build upon the accessibility
guidelines of the W3C for all web-based materials.
Section 508
9
In January 2018, Section 508 was refreshed to more
closely align with the Principles and Guidelines of
WCAG 2.0.
Accessibility Now: What Developers Need to Know About Inclusive Design
ADA
11
The Department of Justice (DOJ) published the Americans with
Disabilities Act (ADA) Standards for Accessible Design in
September 2010. These standards state that all electronic
information must be accessible to people with disabilities.
Who is Affected?
12
• Americans with disabilities and their friends, families,
and caregivers
• Private employers with 15 or more employees
• Businesses operating for the benefit of the public
• All state and local government agencies
What Does it Mean to Me?
13
Websites and electronic information must be
accessible to all users and compliant with the ADA.
How Do We Comply with the ADA?
14
Organizations are encouraged to use the WCAG 2.0 level AA
guidelines as a guide on how to become accessible.
Accessibility Now: What Developers Need to Know About Inclusive Design
What is WCAG 2.0?
16
Web Content Accessibility Guidelines (WCAG) is developed through
the World Wide Web Consortium (W3C), with a goal of providing a single
shared standard for web content accessibility that meets the needs of
individuals, organizations, and governments internationally.
Who is Affected by WCAG 2.0?
17
People with disabilities, including:
• Blindness and low vision
• Deafness and hearing loss
• Learning disabilities
• Cognitive limitations
• Limited movement
• Speech disabilities
• Photosensitivity
• Combinations of the above
How do we Comply with WCAG 2.0?
18
Accessibility is a continuous process, with
contributions by every department. By following the
WCAG 2.0, websites and products can be accessible
to all users, regardless of their ability.
Accessibility Now: What Developers Need to Know About Inclusive Design
20
• Perceivable
• Operable
• Understandable
• Robust
Accessibility Now: What Developers Need to Know About Inclusive Design
Perceivable
22
Users must be able to perceive your website
content, regardless of their abilities and the
manner in which they perceive it.
How Do We Do That?
23
• Provide text alternatives for non-text content
• Provide alternatives for time-based media
• Create content that is presentable in different
ways without loss of function
• Make it easier for users to see and hear content
Accessibility Now: What Developers Need to Know About Inclusive Design
Operable
25
Operability is about making the input methods of web content functionally
available to a wide range of input devices, including:
• Mouse or touchpad
• Keyboard
• Touchscreen
• Voice recognition software
• Other specialized input devices (most of which emulate the keyboard
or mouse)
How Do We Do That?
26
• Make it keyboard accessible
• Provide enough time
• Avoid seizure-causing content
• Provide skip to main content links
• Provide proper descriptive page titles
• Ensure proper focus order
• Provide descriptive link text
• Ensure focus is indicated
Accessibility Now: What Developers Need to Know About Inclusive Design
Understandable
28
The information and operation of the user
interface must be understandable to users
AND assistive technology.
How Do We Do That?
29
• Make it readable
• Make it appear and operate in a
predictable way
• Provide input assistance
Accessibility Now: What Developers Need to Know About Inclusive Design
What Does it Mean?
31
Content must be robust enough that it can be
interpreted reliably by a wide variety of user
agents, including assistive technologies.
How Do We Do That?
32
• Make it syntactically correct
• ARIA – use Name, Role, Value for
user interface components (if not
provided by HTML5)
Accessibility Now: What Developers Need to Know About Inclusive Design
34
• Color Blindness
• Vision
• Hearing
• Motor Skills
• Cognitive
Accessibility Now: What Developers Need to Know About Inclusive Design
36
Color blindness means a person’s
perception of colors is different from what
most of us see.
What is Color Blindness?
37
This is what a non color blind
person would see.
Non Color Blind View
38
This is what a red color blind
person would see.
Red Color Blind View
39
This is what a green color blind
person would see.
Red Color Blind View
40
Side-by-Side Comparison:
Green Color Blind ViewRed Color Blind ViewNon Color Blind View
Accessibility Now: What Developers Need to Know About Inclusive Design
What is Vision Impairment?
42
Vision impairment is defined as a limitation of one
or more functions of the eye (or visual system). The
most common vision impairments affect the
sharpness or clarity of vision.
Types of Vision Impairment
43
• Low vision
• Macular degeneration
• Cataracts
• Glaucoma
• Total vision loss
44
Mild Low Vision
45
Moderate Low Vision
46
Serious Low Vision
47
Macular Degeneration
48
Cataracts
49
Glaucoma
Accessibility Now: What Developers Need to Know About Inclusive Design
What is Hearing Impairment?
51
Hearing impairment, or hearing loss, occurs when you lose part or
all of your ability to hear. Hearing impairments are classified
based on the severity and type of hearing impairment. The severity
of hearing impairment can be mild, moderate, severe, or profound.
Accessibility Now: What Developers Need to Know About Inclusive Design
What is a Motor Skills Impairment?
53
Motor skills impairment may prevent a user
from being able to use a mouse, click on small
links, or operate dynamic elements effectively.
Accessibility Now: What Developers Need to Know About Inclusive Design
What is a Cognitive Impairment?
55
By far the most common type of disability is a cognitive disability.
Cognitive impairment comes in many different forms. Autism,
dyslexia, limited comprehension, limited problem-solving skills,
short term memory loss, and attention deficit are just a few of the
disabilities that fall under this spectrum.
Accessibility Now: What Developers Need to Know About Inclusive Design
57
• Keyboard Only
• Screen Readers
• Enlarging Text
• Captioning
• User Settings
*This list is not all-inclusive
Accessibility Now: What Developers Need to Know About Inclusive Design
Keyboard Only
59
Anything a user can do with a mouse, they
should be able to do using only the keyboard.
60
1. Starting Point Alt+D
Navigates to the URL field
2. Tab Key
Navigating around the page
3. Shift+Tab
Navigate to the previous focusable element
4. Skip to Main Content Alt+2
5. Skip to Page Footer Alt+3
6. Select Drop Down List
Alt+Arrow Down opens list
Arrow Up or Down to navigate through items
OR
Without opening Arrow Up or Down to navigate
through items
61
7. Radio Buttons
Arrow between radio buttons.
8. Check Boxes
Space key will check and uncheck
9. Navigate Page Backwards
Alt + Left Arrow
10. Navigate Page Forwards
Alt + Right Arrow
11. Zoom In web page
Crtl + Plus Key
12. Zoom Out web page
Crtl + Minus Key
13. Reset Zoom to 100%
Ctrl + 0 (zero)
62
14. Refresh Page
F5
OR
Crtl + F5 – Clears cache and refresh page
15. Text Editing
Crtl + A = Select All
Crtl + C = Copy
Crtl + X = Cut
Crtl + V = Paste copied contents
Accessibility Now: What Developers Need to Know About Inclusive Design
What are Screen Readers?
64
A screen reader transmits whatever text is displayed on the
computer screen into a form that a visually impaired user can
process (usually tactile, auditory or a combination of both).
What Screen Readers are Available?
65
These are the four most commonly-used screen readers:
• JAWS (Job Access With Speech)
• NVDA (NonVisual Desktop Access)
• Apple VoiceOver
• Microsoft Narrator
Accessibility Now: What Developers Need to Know About Inclusive Design
Text Enlargement
67
WCAG 2.0 requires a user to be able to enlarge text to 200%
without losing content or functionality.
WCAG 2.1 (Recommendation as of June 5, 2018) requires a
400% enlargement of text.
What Text Enlargers Are Available?
68
• Windows Operating System (Ctrl+plus sign)
• MAC Operating System (Command+plus
sign)
• ZoomText (AiSquared)
• MAGic (Freedom Scientific)
• Many Others
Accessibility Now: What Developers Need to Know About Inclusive Design
Captioning
70
WCAG 2.0 requires that captions be provided for
all prerecorded audio content in synchronized
media, except when the media is a media
alternative for text and is clearly labeled as such.
Accessibility Now: What Developers Need to Know About Inclusive Design
User Settings
72
User controlled settings is functionality that allows users to choose (or
set) the website settings to what’s most comfortable for them. For
example, allowing the user to change contrast, select or set the font
size, and change font colors are just some examples of how a user can
create a user experience customized to their needs.
Questions and Contact Information
Corporate Headquarters:
1001 Omaha Circle - Palm Harbor, FL 34683
Phone: 727-786-7955 – Fax: 727-786-5871
Patti Arouni
Lead Programmer/Analyst
Accessibility Services Team
PArouni@geosolinc.com
West Coast Office:
234 Capitol Street, SuiteA – Salinas, CA 93901
Phone: 831-757-4400 – Fax: 831-757-4401
www.GeographicSolutions.com
John Contarino
Programmer/Analyst
Accessibility Services Team
JContarino@geosolinc.com
73

Contenu connexe

Tendances

Assistive Technology past present and future
Assistive Technology past present and futureAssistive Technology past present and future
Assistive Technology past present and futureDavid Banes
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
Web Accessibility & Usability Principle
Web Accessibility & Usability PrincipleWeb Accessibility & Usability Principle
Web Accessibility & Usability PrincipleAnuragKumar680
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Henny Swan
 
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
 
Assistive technology for disabled people in libraries
Assistive technology for disabled people in librariesAssistive technology for disabled people in libraries
Assistive technology for disabled people in librariessanmati1996
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web AccessibleInfosys
 
Accessibility Standards and the Mobile Web
Accessibility Standards and the Mobile WebAccessibility Standards and the Mobile Web
Accessibility Standards and the Mobile Webmmaertens
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesInteractive Accessibility
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
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
 
Summary Guidelines
Summary GuidelinesSummary Guidelines
Summary Guidelinestwoplayer
 
Udem 2007 Accessibility Standards
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standardssharron
 
Assistive technologies past present and future - 2015
Assistive technologies   past present and future - 2015Assistive technologies   past present and future - 2015
Assistive technologies past present and future - 2015David Banes
 
Assistive technology in libraries
Assistive technology in librariesAssistive technology in libraries
Assistive technology in librariesRyanRM
 

Tendances (19)

Assistive Technology past present and future
Assistive Technology past present and futureAssistive Technology past present and future
Assistive Technology past present and future
 
Accessibility and Technical Communication
Accessibility and Technical CommunicationAccessibility and Technical Communication
Accessibility and Technical Communication
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Web Accessibility & Usability Principle
Web Accessibility & Usability PrincipleWeb Accessibility & Usability Principle
Web Accessibility & Usability Principle
 
Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015Introduction to mobile accessibility, 2015
Introduction to mobile accessibility, 2015
 
Impact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writingImpact of-accessibility-on-technical-writing
Impact of-accessibility-on-technical-writing
 
Assistive technology for disabled people in libraries
Assistive technology for disabled people in librariesAssistive technology for disabled people in libraries
Assistive technology for disabled people in libraries
 
Accessibility
AccessibilityAccessibility
Accessibility
 
Making the Web Accessible
Making the Web AccessibleMaking the Web Accessible
Making the Web Accessible
 
Accessibility Standards and the Mobile Web
Accessibility Standards and the Mobile WebAccessibility Standards and the Mobile Web
Accessibility Standards and the Mobile Web
 
Usability Testing for People w/ Disabilities
Usability Testing for People w/ DisabilitiesUsability Testing for People w/ Disabilities
Usability Testing for People w/ Disabilities
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Presentation2
Presentation2Presentation2
Presentation2
 
Digital Accessibility - The Quick Wins
Digital Accessibility - The Quick WinsDigital Accessibility - The Quick Wins
Digital Accessibility - The Quick Wins
 
Summary Guidelines
Summary GuidelinesSummary Guidelines
Summary Guidelines
 
Udem 2007 Accessibility Standards
Udem 2007 Accessibility StandardsUdem 2007 Accessibility Standards
Udem 2007 Accessibility Standards
 
Assistive technologies past present and future - 2015
Assistive technologies   past present and future - 2015Assistive technologies   past present and future - 2015
Assistive technologies past present and future - 2015
 
Assistive technology in libraries
Assistive technology in librariesAssistive technology in libraries
Assistive technology in libraries
 

Similaire à Accessibility Now: What Developers Need to Know About Inclusive Design

Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesMichael Ryan
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Kate Horowitz
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA International
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019Joshua Randall
 
Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15Joshua Randall
 
Designing, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityDesigning, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityEric Malcolm
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityUsability Matters
 
Accessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceFrank Walsh
 
Digital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowDigital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowMarketingeScribe
 
Website Accessibility: It’s the Right Thing to do
Website Accessibility: It’s the Right Thing to doWebsite Accessibility: It’s the Right Thing to do
Website Accessibility: It’s the Right Thing to doDesignHammer
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021Joshua Randall
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
 
UX recommendations for publishers
UX recommendations for publishersUX recommendations for publishers
UX recommendations for publishersOpenAthens
 
Accessibility importance
Accessibility importanceAccessibility importance
Accessibility importanceKrishna Vutla
 
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...GreeceJS
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for AccessibilityUsability Matters
 

Similaire à Accessibility Now: What Developers Need to Know About Inclusive Design (20)

Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.Usability ≠ Accessibility. An intro to web accessibility for agencies.
Usability ≠ Accessibility. An intro to web accessibility for agencies.
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019UX Akron Global Accessibility Awareness Day 2019
UX Akron Global Accessibility Awareness Day 2019
 
Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15Digital accessibility intro-a11ycle_2020-01-15
Digital accessibility intro-a11ycle_2020-01-15
 
Designing, Developing & Testing for Accessibility
Designing, Developing & Testing for AccessibilityDesigning, Developing & Testing for Accessibility
Designing, Developing & Testing for Accessibility
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital Accessibility
 
Accessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG ComplianceAccessibility Overview - 508 and WCAG Compliance
Accessibility Overview - 508 and WCAG Compliance
 
Digital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should KnowDigital Accessibility: What Local Governments Should Know
Digital Accessibility: What Local Governments Should Know
 
Website Accessibility: It’s the Right Thing to do
Website Accessibility: It’s the Right Thing to doWebsite Accessibility: It’s the Right Thing to do
Website Accessibility: It’s the Right Thing to do
 
Digital accessibility intro 2021
Digital accessibility intro 2021Digital accessibility intro 2021
Digital accessibility intro 2021
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
 
UX recommendations for publishers
UX recommendations for publishersUX recommendations for publishers
UX recommendations for publishers
 
Accessibility importance
Accessibility importanceAccessibility importance
Accessibility importance
 
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
Modern web development and accessibility (Christina Papadimitriou, Nadia Mark...
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for Accessibility
 
doumi94
doumi94doumi94
doumi94
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 

Dernier

Why Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfWhy Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfBrain Inventory
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorShane Coughlan
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadIvo Andreev
 
ERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxAutus Cyber Tech
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntelliSource Technologies
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeNeo4j
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesSoftwareMill
 
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine HarmonyLeveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmonyelliciumsolutionspun
 
Streamlining Your Application Builds with Cloud Native Buildpacks
Streamlining Your Application Builds  with Cloud Native BuildpacksStreamlining Your Application Builds  with Cloud Native Buildpacks
Streamlining Your Application Builds with Cloud Native BuildpacksVish Abrams
 
Fields in Java and Kotlin and what to expect.pptx
Fields in Java and Kotlin and what to expect.pptxFields in Java and Kotlin and what to expect.pptx
Fields in Java and Kotlin and what to expect.pptxJoão Esperancinha
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsJaydeep Chhasatia
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilVICTOR MAESTRE RAMIREZ
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?AmeliaSmith90
 
eAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionseAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionsNirav Modi
 
Sales Territory Management: A Definitive Guide to Expand Sales Coverage
Sales Territory Management: A Definitive Guide to Expand Sales CoverageSales Territory Management: A Definitive Guide to Expand Sales Coverage
Sales Territory Management: A Definitive Guide to Expand Sales CoverageDista
 
Deep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampDeep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampVICTOR MAESTRE RAMIREZ
 
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...OnePlan Solutions
 
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Jaydeep Chhasatia
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdfMeon Technology
 

Dernier (20)

Why Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdfWhy Choose Brain Inventory For Ecommerce Development.pdf
Why Choose Brain Inventory For Ecommerce Development.pdf
 
Kawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in TrivandrumKawika Technologies pvt ltd Software Development Company in Trivandrum
Kawika Technologies pvt ltd Software Development Company in Trivandrum
 
OpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS CalculatorOpenChain Webinar: Universal CVSS Calculator
OpenChain Webinar: Universal CVSS Calculator
 
Cybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and BadCybersecurity Challenges with Generative AI - for Good and Bad
Cybersecurity Challenges with Generative AI - for Good and Bad
 
ERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptxERP For Electrical and Electronics manufecturing.pptx
ERP For Electrical and Electronics manufecturing.pptx
 
Introduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptxIntroduction-to-Software-Development-Outsourcing.pptx
Introduction-to-Software-Development-Outsourcing.pptx
 
IA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG timeIA Generativa y Grafos de Neo4j: RAG time
IA Generativa y Grafos de Neo4j: RAG time
 
Growing Oxen: channel operators and retries
Growing Oxen: channel operators and retriesGrowing Oxen: channel operators and retries
Growing Oxen: channel operators and retries
 
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine HarmonyLeveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
Leveraging DxSherpa's Generative AI Services to Unlock Human-Machine Harmony
 
Streamlining Your Application Builds with Cloud Native Buildpacks
Streamlining Your Application Builds  with Cloud Native BuildpacksStreamlining Your Application Builds  with Cloud Native Buildpacks
Streamlining Your Application Builds with Cloud Native Buildpacks
 
Fields in Java and Kotlin and what to expect.pptx
Fields in Java and Kotlin and what to expect.pptxFields in Java and Kotlin and what to expect.pptx
Fields in Java and Kotlin and what to expect.pptx
 
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software TeamsYour Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
Your Vision, Our Expertise: TECUNIQUE's Tailored Software Teams
 
Generative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-CouncilGenerative AI for Cybersecurity - EC-Council
Generative AI for Cybersecurity - EC-Council
 
How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?How Does the Epitome of Spyware Differ from Other Malicious Software?
How Does the Epitome of Spyware Differ from Other Malicious Software?
 
eAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspectionseAuditor Audits & Inspections - conduct field inspections
eAuditor Audits & Inspections - conduct field inspections
 
Sales Territory Management: A Definitive Guide to Expand Sales Coverage
Sales Territory Management: A Definitive Guide to Expand Sales CoverageSales Territory Management: A Definitive Guide to Expand Sales Coverage
Sales Territory Management: A Definitive Guide to Expand Sales Coverage
 
Deep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - DatacampDeep Learning for Images with PyTorch - Datacamp
Deep Learning for Images with PyTorch - Datacamp
 
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
Transforming PMO Success with AI - Discover OnePlan Strategic Portfolio Work ...
 
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
Optimizing Business Potential: A Guide to Outsourcing Engineering Services in...
 
online pdf editor software solutions.pdf
online pdf editor software solutions.pdfonline pdf editor software solutions.pdf
online pdf editor software solutions.pdf
 

Accessibility Now: What Developers Need to Know About Inclusive Design

  • 1. Patti Arouni & John Contarino Geographic Solutions Making Your Online Services Accessible to All Users
  • 3. 3 Accessibility is the practice of making your websites usable by as many people as possible. You could also think of accessibility as treating everyone the same, and giving them the same opportunities, regardless of ability or circumstance.
  • 4. 4 • People with disabilities: • conduct personal banking • make restaurant reservations • access government benefits • apply for college, shop online, read the news, play online games, and anything else that is available on the web. • You: improved Search Engine Optimization (SEO). • You: Demonstrates good ethics/morals, which improves your public image. • Other groups, such as mobile phone users, those on a low speed network, etc. • In fact, everyone can benefit from such improvements.
  • 6. 6 • Section 508 of the Rehabilitation Act of 1973, as Amended (Section 508) • Americans With Disabilities Act of 1990, as Amended (ADA) • Web Content Accessibility Guidelines 2.0 (WCAG 2.0)
  • 8. Section 508 8 Section 508 of the Rehabilitation Act as amended, 29 U.S.C. Section 794d, requires all digital materials developed, procured, maintained, or used by Federal agencies be accessible to people with disabilities, and that the access be comparable to the access and use by those without disabilities. The accessibility requirements noted within Section 508 build upon the accessibility guidelines of the W3C for all web-based materials.
  • 9. Section 508 9 In January 2018, Section 508 was refreshed to more closely align with the Principles and Guidelines of WCAG 2.0.
  • 11. ADA 11 The Department of Justice (DOJ) published the Americans with Disabilities Act (ADA) Standards for Accessible Design in September 2010. These standards state that all electronic information must be accessible to people with disabilities.
  • 12. Who is Affected? 12 • Americans with disabilities and their friends, families, and caregivers • Private employers with 15 or more employees • Businesses operating for the benefit of the public • All state and local government agencies
  • 13. What Does it Mean to Me? 13 Websites and electronic information must be accessible to all users and compliant with the ADA.
  • 14. How Do We Comply with the ADA? 14 Organizations are encouraged to use the WCAG 2.0 level AA guidelines as a guide on how to become accessible.
  • 16. What is WCAG 2.0? 16 Web Content Accessibility Guidelines (WCAG) is developed through the World Wide Web Consortium (W3C), with a goal of providing a single shared standard for web content accessibility that meets the needs of individuals, organizations, and governments internationally.
  • 17. Who is Affected by WCAG 2.0? 17 People with disabilities, including: • Blindness and low vision • Deafness and hearing loss • Learning disabilities • Cognitive limitations • Limited movement • Speech disabilities • Photosensitivity • Combinations of the above
  • 18. How do we Comply with WCAG 2.0? 18 Accessibility is a continuous process, with contributions by every department. By following the WCAG 2.0, websites and products can be accessible to all users, regardless of their ability.
  • 20. 20 • Perceivable • Operable • Understandable • Robust
  • 22. Perceivable 22 Users must be able to perceive your website content, regardless of their abilities and the manner in which they perceive it.
  • 23. How Do We Do That? 23 • Provide text alternatives for non-text content • Provide alternatives for time-based media • Create content that is presentable in different ways without loss of function • Make it easier for users to see and hear content
  • 25. Operable 25 Operability is about making the input methods of web content functionally available to a wide range of input devices, including: • Mouse or touchpad • Keyboard • Touchscreen • Voice recognition software • Other specialized input devices (most of which emulate the keyboard or mouse)
  • 26. How Do We Do That? 26 • Make it keyboard accessible • Provide enough time • Avoid seizure-causing content • Provide skip to main content links • Provide proper descriptive page titles • Ensure proper focus order • Provide descriptive link text • Ensure focus is indicated
  • 28. Understandable 28 The information and operation of the user interface must be understandable to users AND assistive technology.
  • 29. How Do We Do That? 29 • Make it readable • Make it appear and operate in a predictable way • Provide input assistance
  • 31. What Does it Mean? 31 Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
  • 32. How Do We Do That? 32 • Make it syntactically correct • ARIA – use Name, Role, Value for user interface components (if not provided by HTML5)
  • 34. 34 • Color Blindness • Vision • Hearing • Motor Skills • Cognitive
  • 36. 36 Color blindness means a person’s perception of colors is different from what most of us see. What is Color Blindness?
  • 37. 37 This is what a non color blind person would see. Non Color Blind View
  • 38. 38 This is what a red color blind person would see. Red Color Blind View
  • 39. 39 This is what a green color blind person would see. Red Color Blind View
  • 40. 40 Side-by-Side Comparison: Green Color Blind ViewRed Color Blind ViewNon Color Blind View
  • 42. What is Vision Impairment? 42 Vision impairment is defined as a limitation of one or more functions of the eye (or visual system). The most common vision impairments affect the sharpness or clarity of vision.
  • 43. Types of Vision Impairment 43 • Low vision • Macular degeneration • Cataracts • Glaucoma • Total vision loss
  • 51. What is Hearing Impairment? 51 Hearing impairment, or hearing loss, occurs when you lose part or all of your ability to hear. Hearing impairments are classified based on the severity and type of hearing impairment. The severity of hearing impairment can be mild, moderate, severe, or profound.
  • 53. What is a Motor Skills Impairment? 53 Motor skills impairment may prevent a user from being able to use a mouse, click on small links, or operate dynamic elements effectively.
  • 55. What is a Cognitive Impairment? 55 By far the most common type of disability is a cognitive disability. Cognitive impairment comes in many different forms. Autism, dyslexia, limited comprehension, limited problem-solving skills, short term memory loss, and attention deficit are just a few of the disabilities that fall under this spectrum.
  • 57. 57 • Keyboard Only • Screen Readers • Enlarging Text • Captioning • User Settings *This list is not all-inclusive
  • 59. Keyboard Only 59 Anything a user can do with a mouse, they should be able to do using only the keyboard.
  • 60. 60 1. Starting Point Alt+D Navigates to the URL field 2. Tab Key Navigating around the page 3. Shift+Tab Navigate to the previous focusable element 4. Skip to Main Content Alt+2 5. Skip to Page Footer Alt+3 6. Select Drop Down List Alt+Arrow Down opens list Arrow Up or Down to navigate through items OR Without opening Arrow Up or Down to navigate through items
  • 61. 61 7. Radio Buttons Arrow between radio buttons. 8. Check Boxes Space key will check and uncheck 9. Navigate Page Backwards Alt + Left Arrow 10. Navigate Page Forwards Alt + Right Arrow 11. Zoom In web page Crtl + Plus Key 12. Zoom Out web page Crtl + Minus Key 13. Reset Zoom to 100% Ctrl + 0 (zero)
  • 62. 62 14. Refresh Page F5 OR Crtl + F5 – Clears cache and refresh page 15. Text Editing Crtl + A = Select All Crtl + C = Copy Crtl + X = Cut Crtl + V = Paste copied contents
  • 64. What are Screen Readers? 64 A screen reader transmits whatever text is displayed on the computer screen into a form that a visually impaired user can process (usually tactile, auditory or a combination of both).
  • 65. What Screen Readers are Available? 65 These are the four most commonly-used screen readers: • JAWS (Job Access With Speech) • NVDA (NonVisual Desktop Access) • Apple VoiceOver • Microsoft Narrator
  • 67. Text Enlargement 67 WCAG 2.0 requires a user to be able to enlarge text to 200% without losing content or functionality. WCAG 2.1 (Recommendation as of June 5, 2018) requires a 400% enlargement of text.
  • 68. What Text Enlargers Are Available? 68 • Windows Operating System (Ctrl+plus sign) • MAC Operating System (Command+plus sign) • ZoomText (AiSquared) • MAGic (Freedom Scientific) • Many Others
  • 70. Captioning 70 WCAG 2.0 requires that captions be provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such.
  • 72. User Settings 72 User controlled settings is functionality that allows users to choose (or set) the website settings to what’s most comfortable for them. For example, allowing the user to change contrast, select or set the font size, and change font colors are just some examples of how a user can create a user experience customized to their needs.
  • 73. Questions and Contact Information Corporate Headquarters: 1001 Omaha Circle - Palm Harbor, FL 34683 Phone: 727-786-7955 – Fax: 727-786-5871 Patti Arouni Lead Programmer/Analyst Accessibility Services Team PArouni@geosolinc.com West Coast Office: 234 Capitol Street, SuiteA – Salinas, CA 93901 Phone: 831-757-4400 – Fax: 831-757-4401 www.GeographicSolutions.com John Contarino Programmer/Analyst Accessibility Services Team JContarino@geosolinc.com 73

Notes de l'éditeur

  1. This session is Making Your Online Services Accessible to All Users
  2. Web Accessibility Compliance
  3. Section 508 of the Rehabilitation Act of 1973, as Amended (Section 508) Americans With Disabilities Act of 1990, as Amended (ADA) Web Accessibility Web Content Accessibility Guidelines 2.0 (WCAG 2.0)
  4. Section 508
  5. John demo