SlideShare a Scribd company logo
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 2013
Jonathan Hassell
 
Planning & Designing for Accessible Experiences
Planning & Designing for Accessible ExperiencesPlanning & Designing for Accessible Experiences
Planning & Designing for Accessible Experiences
ICF
 
Accessibility Workshop
Accessibility WorkshopAccessibility Workshop
Accessibility Workshop
Lar Veale
 
Accessible Web Design
Accessible Web DesignAccessible Web Design
Accessible Web Design
3Play Media
 
Web accessibility workshop 1
Web accessibility workshop 1Web accessibility workshop 1
Web accessibility workshop 1
Vladimir Tomberg
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
Amal Abduallah
 
Wordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress AccessibilityWordcamp Ottawa 2014 - WordPress Accessibility
Wordcamp Ottawa 2014 - WordPress Accessibility
thegeniusca
 
Strategic Approach to IT Accessibility
Strategic Approach to IT AccessibilityStrategic Approach to IT Accessibility
Strategic Approach to IT Accessibility
InnoTech
 
Accessibility Part 1
Accessibility Part 1Accessibility Part 1
Accessibility Part 1
Yongjie Chen 陈永杰
 
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
3Play Media
 
Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101Including Everyone: Web Accessibility 101
Including Everyone: Web Accessibility 101
Helena Zubkow
 
State of Content 2021
State of Content 2021State of Content 2021
State of Content 2021
3Play 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 Summit
Rachel 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 word
Access 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.0
Roger 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 Everyone
Carie 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
 
Global Accessibility Awareness Day
Global Accessibility Awareness DayGlobal Accessibility Awareness Day
Global Accessibility Awareness Day
Claudio Luis Vera, MBA, CPWA
 
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
DianaGray10
 
Siteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookSiteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbook
LiZhu45
 
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 responsibility
Access iQ
 
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
Media Access Australia
 
Accessibility and why it matters
Accessibility and why it mattersAccessibility and why it matters
Accessibility and why it matters
Margarida Sousa
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdf
donna911404
 
Fa qs 2016-04-21
Fa qs 2016-04-21Fa qs 2016-04-21
Fa qs 2016-04-21
kevin_donovan
 
Week 3 Lecture: Accessibility
Week 3 Lecture: AccessibilityWeek 3 Lecture: Accessibility
Week 3 Lecture: Accessibility
Katherine McCurdy-Lapierre, R.G.D.
 
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
Michael Ryan
 
Accessibility for beginners
Accessibility for beginnersAccessibility for beginners
Accessibility for beginners
Elizabeth Fiennes
 
The Impact of Accessibility
The Impact of AccessibilityThe Impact of Accessibility
The Impact of Accessibility
Josh 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 tools
Globant
 
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
UXPA 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 Inclusion
Jonathan 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 Accessibility
Teresa 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 content
Agile 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 windows
Russ Weakley
 
Accessible names & descriptions
Accessible names & descriptionsAccessible names & descriptions
Accessible names & descriptions
Russ Weakley
 
A deep dive into accessible names
A deep dive into accessible namesA deep dive into accessible names
A deep dive into accessible names
Russ 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 components
Russ Weakley
 
Accessible states in Design Systems
Accessible states in Design SystemsAccessible states in Design Systems
Accessible states in Design Systems
Russ Weakley
 
Creating accessible modals and autocompletes
Creating accessible modals and autocompletesCreating accessible modals and autocompletes
Creating accessible modals and autocompletes
Russ Weakley
 
Building an accessible progressive loader
Building an accessible progressive loaderBuilding an accessible progressive loader
Building an accessible progressive loader
Russ 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 glory
Russ Weakley
 
Accessible Inline errors messages
Accessible Inline errors messagesAccessible Inline errors messages
Accessible Inline errors messages
Russ Weakley
 
Accessible Form Hints and Errors
Accessible Form Hints and ErrorsAccessible Form Hints and Errors
Accessible Form Hints and Errors
Russ Weakley
 
Accessibility in Pattern Libraries
Accessibility in Pattern LibrariesAccessibility in Pattern Libraries
Accessibility in Pattern Libraries
Russ Weakley
 
Accessibility in pattern libraries
Accessibility in pattern librariesAccessibility in pattern libraries
Accessibility in pattern libraries
Russ Weakley
 
Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24Building an accessible auto-complete - #ID24
Building an accessible auto-complete - #ID24
Russ Weakley
 
Building an accessible auto-complete
Building an accessible auto-completeBuilding an accessible auto-complete
Building an accessible auto-complete
Russ Weakley
 
Creating Acessible floating labels
Creating Acessible floating labelsCreating Acessible floating labels
Creating Acessible floating labels
Russ Weakley
 
Creating an Accessible button dropdown
Creating an Accessible button dropdownCreating an Accessible button dropdown
Creating an Accessible button dropdown
Russ 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 Switch
Russ Weakley
 
Accessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxesAccessible custom radio buttons and checkboxes
Accessible custom radio buttons and checkboxes
Russ Weakley
 
Deep Dive into Line-Height
Deep Dive into Line-HeightDeep Dive into Line-Height
Deep Dive into Line-Height
Russ 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

A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
Peter Windle
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
vaibhavrinwa19
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
Sandy Millin
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
EduSkills OECD
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
Jisc
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Po-Chuan Chen
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
Tamralipta Mahavidyalaya
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
MysoreMuleSoftMeetup
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
GeoBlogs
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
CarlosHernanMontoyab2
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
RaedMohamed3
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
SACHIN R KONDAGURI
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 

Recently uploaded (20)

A Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in EducationA Strategic Approach: GenAI in Education
A Strategic Approach: GenAI in Education
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Acetabularia Information For Class 9 .docx
Acetabularia Information For Class 9  .docxAcetabularia Information For Class 9  .docx
Acetabularia Information For Class 9 .docx
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...2024.06.01 Introducing a competency framework for languag learning materials ...
2024.06.01 Introducing a competency framework for languag learning materials ...
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
Francesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptxFrancesca Gottschalk - How can education support child empowerment.pptx
Francesca Gottschalk - How can education support child empowerment.pptx
 
Supporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptxSupporting (UKRI) OA monographs at Salford.pptx
Supporting (UKRI) OA monographs at Salford.pptx
 
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdfAdversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
Adversarial Attention Modeling for Multi-dimensional Emotion Regression.pdf
 
Home assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdfHome assignment II on Spectroscopy 2024 Answers.pdf
Home assignment II on Spectroscopy 2024 Answers.pdf
 
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
Mule 4.6 & Java 17 Upgrade | MuleSoft Mysore Meetup #46
 
The geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideasThe geography of Taylor Swift - some ideas
The geography of Taylor Swift - some ideas
 
678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf678020731-Sumas-y-Restas-Para-Colorear.pdf
678020731-Sumas-y-Restas-Para-Colorear.pdf
 
Palestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptxPalestine last event orientationfvgnh .pptx
Palestine last event orientationfvgnh .pptx
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
"Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe..."Protectable subject matters, Protection in biotechnology, Protection of othe...
"Protectable subject matters, Protection in biotechnology, Protection of othe...
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 

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