SlideShare a Scribd company logo
1 of 63
Download to read offline
What is WCAG
And why should you care?
Hey there, I’m Russ. 

I manage the Chroma Design
System. I work in the Design Centre,
within “Strategy and Innovation”.
In this presentation, I’ll be looking at
three questions.
1. What are our legal responsibilities
around accessibility?

2. What is WCAG?

3. What is inclusive design?
1. What are our legal
responsibility around
accessibility?
Did you know that around 1 in 5
Australians have some form of
disability?

http://www.and.org.au/pages/disability-statistics.html
This ratio increases with age. 

For people 65 years and older, around
2 in 5 people have some form of
disability.
From a financial and ethical
perspective, we should be making
our sites and apps accessible to the
widest possible audience.
But what about our legal
responsibilities?
Under the Disability Discrimination
Act 1992, companies must ensure
that people with disabilities have the
same fundamental rights to access
information and services as others in
the community.

http://www.comlaw.gov.au/Series/C2004A04426
But what about digital information and
services? The “internet” didn’t really
become mainstream till around 1994.
That’s where the Australian Human
Rights Commission comes into play.
The Australian Human Rights
Commission requires that all websites
and web resources must comply with
WCAG 2.0 to a minimum of AA-Level
conformance.”

http://www.humanrights.gov.au/world-wide-web-access-disability-
discrimination-act-advisory-notes-ver-41-2014
In simple terms, this means that all of
IAG’s public facing digital products
are legally required to be “accessible”.
Companies can be legally
challenged by “customers” who are
not able to access their services
adequately.
This not an idle threat. Numerous
large companies have had to face
accessibility-related legal action
over the last 20 years or more.
It all began with “Maguire v SOCOG”
way back in 1999.

https://www.humanrights.gov.au/our-work/disability-rights/maguire-v-socog
But what do the terms “WCAG” and
“AA” actually mean?
2. What is WCAG?
The term “WCAG” is the abbreviation
for “Web Content Accessibility
Guidelines”.
These guidelines were developed to
provide a single shared standard for
web content accessibility.
The current standard is Web Content
Accessibility Guidelines (WCAG)
2.1, which became a W3C
Recommendation in June 2018.
At the core of these WCAG 2.1
guidelines there are 78 success
criteria.
Each of the 78 success criteria are
defined with a compliance level of
either “A", “AA” or “AAA”.
Level A checkpoints have the
greatest impact on a broad range of
user populations. These checkpoints
are also often the easiest to address.
?
An example of a Level A criteria would
be making sure that captions are
available with all audio content.
!
Captions are critical for deaf or hard of
hearing people when watching videos
or listing to audio files.
Level AA checkpoints will also have
a high impact for users. Sometimes
only specific user populations will be
impacted. However, the impact is
important.
?
An example of a Level AA criteria
would be making sure that audio
descriptions are provided with all
audio content.
!
Audio descriptions are critical for blind
people who cannot see what is
happening in videos. These users may
need aspects of the video described
in a separate audio track.
Level AAA checkpoints are often
focused on improvements for very
specific user populations. These
checkpoints are often the most
difficult to address.
?
An example of a Level AAA criteria
would be making sure that sign
language interpretation is provided
with all audio content.
!
Sign language presented in the corner
of videos is critical for hearing-
impaired users who understand sign
language but cannot read English, and
therefore cannot understand captions.
But how does this work in the real
world?
Accessibility experts conduct audits
of websites and applications using
these 78 success criteria.
Each aspect of the website or
application can be reviewed and
determined if it passes or fails each
of the success criteria.
The overall result helps to determine if
the website or application conforms
to WCAG 2.1 guidelines and is
therefore considered “accessible”.
In reality, most IAG staff do not need
to focus on WCAG success criteria.
However, all of us should be focussed
on “inclusive design”.
3. What is inclusive
design?
The easiest way to understand the
difference between “inclusive design”
and “accessibility” is to imagine
designing a playground for young
kids.
One method would be to design the
playground and then during or after
the build process, fix things so they
are more accessible.
That’s accessibility.
Another way would be to think about
including the widest possible range
of users in every step of the process.
1. When creating the personas
(people likely to use the playground).
2. When conducting interviews with
kids to find out what they like.
3. When ideating.
4. When testing and evaluating.
5. When building.
Inclusive design is about considering
the needs of all people at every
stage of the process.
But can it be taken one step further?
In an ideal world, we should work
“with”, not “for” people with
disabilities.
Going back to our our kids park
analogy, this would mean including
people with disabilities in the
discussion, planning and
development.
Not just as an audience type to be
tested, but as experts with valuable
opinions.
Why? Lived experience.
People who live with disabilities have
a much better understanding as to
their needs and have valuable input.
The challenge?
While you probably don’t have to
focus on WCAG success criteria in
your job, you can still make a
difference.
Everyone in IAG can make “inclusive
design” part of our ways of working -
in everything that we do.
If you are interested in finding out how
this can be done, myself and many
others in IAG are happy to help.
Finally, a quick plug for Global
Accessibility Awareness Day 2020 -
21 May 2020.
GLOBAL ACCESSIBILITY
AWARENESS DAY 2020
Find the menu of your
favourite restaurant online
Locate the Critical
Incident telephone number
on the Vine
Send an email to one of
your colleagues
How does it work?
Unplug your mouse and using only your keyboard,
try to complete the three simple tasks below.
Do you think you could work without your
mouse or touchpad?
Challenge
No Mouse
Thank you

More Related Content

What's hot

Policy Driven Adoption of Accessibility - CSUN 2013
Policy Driven Adoption of Accessibility - CSUN 2013Policy Driven Adoption of Accessibility - CSUN 2013
Policy Driven Adoption of Accessibility - CSUN 2013Jonathan Hassell
 
Planning & Designing for Accessible Experiences
Planning & Designing for Accessible ExperiencesPlanning & Designing for Accessible Experiences
Planning & Designing for Accessible ExperiencesICF
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility WorkshopLar Veale
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design3Play Media
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1Vladimir Tomberg
 
Wordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress AccessibilityWordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress Accessibilitythegeniusca
 
Strategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityInnoTech
 
Solving Web Accessibility: Leaving No One Behind
Solving Web Accessibility: Leaving No One BehindSolving Web Accessibility: Leaving No One Behind
Solving Web Accessibility: Leaving No One Behind3Play Media
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Helena Zubkow
 
State of Content 2021
State of Content 2021State of Content 2021
State of Content 20213Play Media
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitRachel Cherry
 
Web accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordWeb accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordAccess iQ
 
Creating an inclusive social media strategy
Creating an inclusive social media strategyCreating an inclusive social media strategy
Creating an inclusive social media strategyAccess iQ
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Matthew Deeprose
 
Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Roger Hudson
 
Website Accessibility: The Internet is for Everyone
Website Accessibility: The Internet is for EveryoneWebsite Accessibility: The Internet is for Everyone
Website Accessibility: The Internet is for EveryoneCarie Fisher, MS, CPWA
 
Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Jonathan Hassell
 
SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...Abhay Rautela
 

What's hot (20)

Policy Driven Adoption of Accessibility - CSUN 2013
Policy Driven Adoption of Accessibility - CSUN 2013Policy Driven Adoption of Accessibility - CSUN 2013
Policy Driven Adoption of Accessibility - CSUN 2013
 
Planning & Designing for Accessible Experiences
Planning & Designing for Accessible ExperiencesPlanning & Designing for Accessible Experiences
Planning & Designing for Accessible Experiences
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
Wordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress AccessibilityWordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress Accessibility
 
Strategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT Accessibility
 
Accessibility Part 1
Accessibility Part 1Accessibility Part 1
Accessibility Part 1
 
Solving Web Accessibility: Leaving No One Behind
Solving Web Accessibility: Leaving No One BehindSolving Web Accessibility: Leaving No One Behind
Solving Web Accessibility: Leaving No One Behind
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
 
State of Content 2021
State of Content 2021State of Content 2021
State of Content 2021
 
How to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility SummitHow to create accessible websites - Web Accessibility Summit
How to create accessible websites - Web Accessibility Summit
 
Web accessibility: it's not a dirty word
Web accessibility: it's not a dirty wordWeb accessibility: it's not a dirty word
Web accessibility: it's not a dirty word
 
Creating an inclusive social media strategy
Creating an inclusive social media strategyCreating an inclusive social media strategy
Creating an inclusive social media strategy
 
Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?
 
Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0Wipa Seminar WCAG 2.0
Wipa Seminar WCAG 2.0
 
Website Accessibility: The Internet is for Everyone
Website Accessibility: The Internet is for EveryoneWebsite Accessibility: The Internet is for Everyone
Website Accessibility: The Internet is for Everyone
 
Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...Providing better scaffolding - how BS8878 affects people designing inclusive ...
Providing better scaffolding - how BS8878 affects people designing inclusive ...
 
SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...SEO through Accessibility- How designing accessible websites leads to automat...
SEO through Accessibility- How designing accessible websites leads to automat...
 

Similar to What is WCAG 2 and why should we care?

How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?Jonathan Hassell
 
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
 
Siteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookSiteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookLiZhu45
 
BS8878 Web Accessibility Code of Practice
BS8878 Web Accessibility Code of PracticeBS8878 Web Accessibility Code of Practice
BS8878 Web Accessibility Code of PracticeNomensa
 
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
 
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
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it mattersMargarida Sousa
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdfdonna911404
 
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
 
The Impact of Accessibility
The Impact of AccessibilityThe Impact of Accessibility
The Impact of AccessibilityJosh Amer
 
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...jack_armley
 
Lightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsLightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsGlobant
 
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
 
7 Signs of Maturing in Accessibility and Inclusion
7 Signs of Maturing in Accessibility and Inclusion7 Signs of Maturing in Accessibility and Inclusion
7 Signs of Maturing in Accessibility and InclusionJonathan Hassell
 
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
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentAgile Testing Alliance
 

Similar to What is WCAG 2 and why should we care? (20)

How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?How can websites comply with accessibility legislation and win more users?
How can websites comply with accessibility legislation and win more users?
 
Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
 
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
 
Siteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookSiteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbook
 
BS8878 Web Accessibility Code of Practice
BS8878 Web Accessibility Code of PracticeBS8878 Web Accessibility Code of Practice
BS8878 Web Accessibility Code of Practice
 
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: 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
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdf
 
Fa qs 2016-04-21
Fa qs 2016-04-21Fa qs 2016-04-21
Fa qs 2016-04-21
 
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
 
Accessibility for beginners
Accessibility for beginnersAccessibility for beginners
Accessibility for beginners
 
The Impact of Accessibility
The Impact of AccessibilityThe Impact of Accessibility
The Impact of Accessibility
 
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0  Effective Inclusive...
Expedia Tech Know How Talks August 2016: Beyond WCAG 2.0 Effective Inclusive...
 
Lightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing toolsLightning Talks by Globant - Accessibility for everyone testing tools
Lightning Talks by Globant - Accessibility for everyone testing tools
 
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
 
7 Signs of Maturing in Accessibility and Inclusion
7 Signs of Maturing in Accessibility and Inclusion7 Signs of Maturing in Accessibility and Inclusion
7 Signs of Maturing in Accessibility and Inclusion
 
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
 
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web contentATAGTR2017 SPEAKING EYE for differently abled people to see the web content
ATAGTR2017 SPEAKING EYE for differently abled people to see the web content
 

More from Russ Weakley

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windowsRuss Weakley
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptionsRuss Weakley
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible namesRuss Weakley
 
What are accessible names and why should you care?
What are accessible names and why should you care?What are accessible names and why should you care?
What are accessible names and why should you care?Russ Weakley
 
How to build accessible UI components
How to build accessible UI componentsHow to build accessible UI components
How to build accessible UI componentsRuss Weakley
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design SystemsRuss Weakley
 
Creating accessible modals and autocompletes
Creating accessible modals and autocompletesCreating accessible modals and autocompletes
Creating accessible modals and autocompletesRuss Weakley
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loaderRuss Weakley
 
Accessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryAccessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryRuss Weakley
 
Accessible Inline errors messages
Accessible Inline errors messagesAccessible Inline errors messages
Accessible Inline errors messagesRuss Weakley
 
Accessible Form Hints and Errors
Accessible Form Hints and ErrorsAccessible Form Hints and Errors
Accessible Form Hints and ErrorsRuss Weakley
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern LibrariesRuss Weakley
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern librariesRuss Weakley
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Russ Weakley
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-completeRuss Weakley
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labelsRuss Weakley
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdownRuss Weakley
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchRuss Weakley
 
Accessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesAccessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesRuss Weakley
 
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-HeightRuss Weakley
 

More from Russ Weakley (20)

Accessible chat windows
Accessible chat windowsAccessible chat windows
Accessible chat windows
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names
 
What are accessible names and why should you care?
What are accessible names and why should you care?What are accessible names and why should you care?
What are accessible names and why should you care?
 
How to build accessible UI components
How to build accessible UI componentsHow to build accessible UI components
How to build accessible UI components
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
 
Creating accessible modals and autocompletes
Creating accessible modals and autocompletesCreating accessible modals and autocompletes
Creating accessible modals and autocompletes
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader
 
Accessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and gloryAccessibility in Design systems - the pain and glory
Accessibility in Design systems - the pain and glory
 
Accessible Inline errors messages
Accessible Inline errors messagesAccessible Inline errors messages
Accessible Inline errors messages
 
Accessible Form Hints and Errors
Accessible Form Hints and ErrorsAccessible Form Hints and Errors
Accessible Form Hints and Errors
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labels
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown
 
Creating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off SwitchCreating a Simple, Accessible On/Off Switch
Creating a Simple, Accessible On/Off Switch
 
Accessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesAccessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxes
 
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-Height
 

Recently uploaded

ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxiammrhaywood
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatYousafMalik24
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptxiammrhaywood
 
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
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Jisc
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSJoshuaGantuangco2
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...Nguyen Thanh Tu Collection
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...JhezDiaz1
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxAshokKarra1
 

Recently uploaded (20)

ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptxECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 
Raw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptxRaw materials used in Herbal Cosmetics.pptx
Raw materials used in Herbal Cosmetics.pptx
 
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice greatEarth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptxAUDIENCE THEORY -CULTIVATION THEORY -  GERBNER.pptx
AUDIENCE THEORY -CULTIVATION THEORY - GERBNER.pptx
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
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
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...Procuring digital preservation CAN be quick and painless with our new dynamic...
Procuring digital preservation CAN be quick and painless with our new dynamic...
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTSGRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
GRADE 4 - SUMMATIVE TEST QUARTER 4 ALL SUBJECTS
 
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
HỌC TỐT TIẾNG ANH 11 THEO CHƯƠNG TRÌNH GLOBAL SUCCESS ĐÁP ÁN CHI TIẾT - CẢ NĂ...
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
 
Karra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptxKarra SKD Conference Presentation Revised.pptx
Karra SKD Conference Presentation Revised.pptx
 
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptxLEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
LEFT_ON_C'N_ PRELIMS_EL_DORADO_2024.pptx
 

What is WCAG 2 and why should we care?

  • 1. What is WCAG And why should you care?
  • 2. Hey there, I’m Russ. 
 I manage the Chroma Design System. I work in the Design Centre, within “Strategy and Innovation”.
  • 3. In this presentation, I’ll be looking at three questions.
  • 4. 1. What are our legal responsibilities around accessibility? 2. What is WCAG? 3. What is inclusive design?
  • 5. 1. What are our legal responsibility around accessibility?
  • 6. Did you know that around 1 in 5 Australians have some form of disability? http://www.and.org.au/pages/disability-statistics.html
  • 7. This ratio increases with age. 
 For people 65 years and older, around 2 in 5 people have some form of disability.
  • 8. From a financial and ethical perspective, we should be making our sites and apps accessible to the widest possible audience.
  • 9. But what about our legal responsibilities?
  • 10. Under the Disability Discrimination Act 1992, companies must ensure that people with disabilities have the same fundamental rights to access information and services as others in the community. http://www.comlaw.gov.au/Series/C2004A04426
  • 11. But what about digital information and services? The “internet” didn’t really become mainstream till around 1994.
  • 12. That’s where the Australian Human Rights Commission comes into play.
  • 13. The Australian Human Rights Commission requires that all websites and web resources must comply with WCAG 2.0 to a minimum of AA-Level conformance.” http://www.humanrights.gov.au/world-wide-web-access-disability- discrimination-act-advisory-notes-ver-41-2014
  • 14. In simple terms, this means that all of IAG’s public facing digital products are legally required to be “accessible”.
  • 15. Companies can be legally challenged by “customers” who are not able to access their services adequately.
  • 16. This not an idle threat. Numerous large companies have had to face accessibility-related legal action over the last 20 years or more.
  • 17. It all began with “Maguire v SOCOG” way back in 1999. https://www.humanrights.gov.au/our-work/disability-rights/maguire-v-socog
  • 18. But what do the terms “WCAG” and “AA” actually mean?
  • 19. 2. What is WCAG?
  • 20. The term “WCAG” is the abbreviation for “Web Content Accessibility Guidelines”.
  • 21. These guidelines were developed to provide a single shared standard for web content accessibility.
  • 22. The current standard is Web Content Accessibility Guidelines (WCAG) 2.1, which became a W3C Recommendation in June 2018.
  • 23. At the core of these WCAG 2.1 guidelines there are 78 success criteria.
  • 24. Each of the 78 success criteria are defined with a compliance level of either “A", “AA” or “AAA”.
  • 25. Level A checkpoints have the greatest impact on a broad range of user populations. These checkpoints are also often the easiest to address.
  • 26. ? An example of a Level A criteria would be making sure that captions are available with all audio content.
  • 27. ! Captions are critical for deaf or hard of hearing people when watching videos or listing to audio files.
  • 28. Level AA checkpoints will also have a high impact for users. Sometimes only specific user populations will be impacted. However, the impact is important.
  • 29. ? An example of a Level AA criteria would be making sure that audio descriptions are provided with all audio content.
  • 30. ! Audio descriptions are critical for blind people who cannot see what is happening in videos. These users may need aspects of the video described in a separate audio track.
  • 31. Level AAA checkpoints are often focused on improvements for very specific user populations. These checkpoints are often the most difficult to address.
  • 32. ? An example of a Level AAA criteria would be making sure that sign language interpretation is provided with all audio content.
  • 33. ! Sign language presented in the corner of videos is critical for hearing- impaired users who understand sign language but cannot read English, and therefore cannot understand captions.
  • 34. But how does this work in the real world?
  • 35. Accessibility experts conduct audits of websites and applications using these 78 success criteria.
  • 36. Each aspect of the website or application can be reviewed and determined if it passes or fails each of the success criteria.
  • 37. The overall result helps to determine if the website or application conforms to WCAG 2.1 guidelines and is therefore considered “accessible”.
  • 38. In reality, most IAG staff do not need to focus on WCAG success criteria.
  • 39. However, all of us should be focussed on “inclusive design”.
  • 40. 3. What is inclusive design?
  • 41. The easiest way to understand the difference between “inclusive design” and “accessibility” is to imagine designing a playground for young kids.
  • 42. One method would be to design the playground and then during or after the build process, fix things so they are more accessible.
  • 44. Another way would be to think about including the widest possible range of users in every step of the process.
  • 45. 1. When creating the personas (people likely to use the playground).
  • 46. 2. When conducting interviews with kids to find out what they like.
  • 48. 4. When testing and evaluating.
  • 50. Inclusive design is about considering the needs of all people at every stage of the process.
  • 51. But can it be taken one step further?
  • 52. In an ideal world, we should work “with”, not “for” people with disabilities.
  • 53. Going back to our our kids park analogy, this would mean including people with disabilities in the discussion, planning and development.
  • 54. Not just as an audience type to be tested, but as experts with valuable opinions.
  • 56. People who live with disabilities have a much better understanding as to their needs and have valuable input.
  • 58. While you probably don’t have to focus on WCAG success criteria in your job, you can still make a difference.
  • 59. Everyone in IAG can make “inclusive design” part of our ways of working - in everything that we do.
  • 60. If you are interested in finding out how this can be done, myself and many others in IAG are happy to help.
  • 61. Finally, a quick plug for Global Accessibility Awareness Day 2020 - 21 May 2020.
  • 62. GLOBAL ACCESSIBILITY AWARENESS DAY 2020 Find the menu of your favourite restaurant online Locate the Critical Incident telephone number on the Vine Send an email to one of your colleagues How does it work? Unplug your mouse and using only your keyboard, try to complete the three simple tasks below. Do you think you could work without your mouse or touchpad? Challenge No Mouse