Using a design system to promote accessible design | Amy Hupe

Curio Conference
Curio ConferenceCurio Conference
Using a design system to promote accessible design | Amy Hupe
Amy Hupe
Senior Content Designer

GOV.UK Design System team

@Amy_Hupe
GDS
This is a text slide
I work at the
Government
Digital Service
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
1 website
25 departments
700+ service teams
GDS@Amy_Hupe
GDS@Amy_Hupe
MoJ
GDS DWP HMRC
Home
Office
GDS
Using a design system to promote accessible design | Amy Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
Using a design system to promote accessible design | Amy Hupe
Using a design system to promote accessible design | Amy Hupe
GDS@Amy_Hupe
Government services have to:

- meet level AA of the Web Content
Accessibility Guidelines (WCAG 2.1)

- work on assistive technologies 

- include disabled people in user research

- publish an accessibility statement
GDS@Amy_Hupe
Public Sector Bodies (Websites and Mobile
Applications) (No. 2) Accessibility
Regulations 2018.
GDS
How can a design system promote
accessible design within an organisation?
@Amy_Hupe
GDS
A design system can promote accessible
design by:

- baking it in

- explaining it

- leading by example

- teaching it
@Amy_Hupe
Bake it in
GDS@Amy_Hupe
GDS@Amy_Hupe
Designing for users
of screen readers
poster by the

Home Office
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
Explain it
GDS@Amy_Hupe
GDS@Amy_Hupe
@WeTheColorBlind
Because I am
colour blind
Reasons why I hate pie charts
GDS@Amy_Hupe
GDS@Amy_Hupe
Lead by example
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
Teach it
GDS
“A set of connected patterns and shared
practices, coherently organised to serve the
purposes of a digital product”

Alla Kholmatova, Design Systems
@Amy_Hupe
GDS
To make a design system successful, we
have to help people:

- find it

- use it

- contribute to it
@Amy_Hupe
GDS
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
GDS
GDS
1. Bake it in

2. Explain it

3. Lead by example

4. Teach it
@Amy_Hupe
What a design
system can’t do
GDS
A design system doesn’t take away the need
for contextual user research
@Amy_Hupe
GDS
A design system can’t make an organisation
care about accessibility
@Amy_Hupe
GDS@Amy_Hupe
GDS@Amy_Hupe
What can I do?
GDS
Read up and learn about accessibility
@Amy_Hupe
GDS
Follow #a11y on Twitter
@Amy_Hupe
GDS
“Improve the accessibility of just one thing”

Léonie Watson
@Amy_Hupe
GDS
BE

LESS

SHIT
@Amy_Hupe
Thanks!
Amy Hupe

@Amy_Hupe
1 of 59

Recommended

Antonella Battaglini : The Power of Collaboration. Entsoe annual conference by
Antonella Battaglini : The Power of Collaboration. Entsoe annual conferenceAntonella Battaglini : The Power of Collaboration. Entsoe annual conference
Antonella Battaglini : The Power of Collaboration. Entsoe annual conferenceMarina Cubedo Vicén
266 views11 slides
GOV.UK Digital Transformation Case by
GOV.UK Digital Transformation CaseGOV.UK Digital Transformation Case
GOV.UK Digital Transformation CaseDavid Rozman
1.7K views35 slides
Building a PaaS for Government @ Cloud expo Europe by
Building a PaaS for Government @ Cloud expo EuropeBuilding a PaaS for Government @ Cloud expo Europe
Building a PaaS for Government @ Cloud expo EuropeColin Saliceti
744 views56 slides
Maximizing UX to meet Different Stakeholder Expectations in a Customized Comm... by
Maximizing UX to meet Different Stakeholder Expectations in a Customized Comm...Maximizing UX to meet Different Stakeholder Expectations in a Customized Comm...
Maximizing UX to meet Different Stakeholder Expectations in a Customized Comm...Fungai Alexander Mapondera
402 views52 slides
Google drive presentation by
Google drive presentationGoogle drive presentation
Google drive presentationNikolaos Floratos
5.9K views7 slides
Things you can do to help your organisation make better services for users by
Things you can do to help your organisation make better services for usersThings you can do to help your organisation make better services for users
Things you can do to help your organisation make better services for usersleisa reichelt
5.6K views61 slides

More Related Content

Similar to Using a design system to promote accessible design | Amy Hupe

Squiz - Trends in Web Experience Management by
Squiz - Trends in Web Experience ManagementSquiz - Trends in Web Experience Management
Squiz - Trends in Web Experience ManagementSquiz
341 views20 slides
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria... by
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Agile Lietuva
192 views55 slides
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria... by
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Agile Lietuva
106 views91 slides
Why GOOGLE Thrive and Others Cant Make it ? by
Why GOOGLE Thrive and Others Cant Make it ?Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?Raj
1.6K views34 slides
Digital accessibility in a post truth world by
Digital accessibility in a post truth worldDigital accessibility in a post truth world
Digital accessibility in a post truth worldIntopia
337 views18 slides
Why should we care about Digital Accessibility? by
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?Matthew Deeprose
163 views46 slides

Similar to Using a design system to promote accessible design | Amy Hupe(20)

Squiz - Trends in Web Experience Management by Squiz
Squiz - Trends in Web Experience ManagementSquiz - Trends in Web Experience Management
Squiz - Trends in Web Experience Management
Squiz341 views
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria... by Agile Lietuva
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Agile Lietuva192 views
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria... by Agile Lietuva
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Tom Loosemore - Jungtinės Karalystės patirtis: kodėl visos valstybės IS kuria...
Agile Lietuva106 views
Why GOOGLE Thrive and Others Cant Make it ? by Raj
Why GOOGLE Thrive and Others Cant Make it ?Why GOOGLE Thrive and Others Cant Make it ?
Why GOOGLE Thrive and Others Cant Make it ?
Raj 1.6K views
Digital accessibility in a post truth world by Intopia
Digital accessibility in a post truth worldDigital accessibility in a post truth world
Digital accessibility in a post truth world
Intopia337 views
Why should we care about Digital Accessibility? by Matthew Deeprose
Why should we care about Digital Accessibility?Why should we care about Digital Accessibility?
Why should we care about Digital Accessibility?
Matthew Deeprose163 views
Making the Case for QGIS by Neil Benny by Shaun Lewis
Making the Case for QGIS by Neil BennyMaking the Case for QGIS by Neil Benny
Making the Case for QGIS by Neil Benny
Shaun Lewis305 views
Corporate Website Development: Case Study by Silver touch by SAP Silver Touch
Corporate Website Development: Case Study by Silver touchCorporate Website Development: Case Study by Silver touch
Corporate Website Development: Case Study by Silver touch
edt dotp-vision_for_transformation_v0.19.-180702 by Alan Mather
edt dotp-vision_for_transformation_v0.19.-180702edt dotp-vision_for_transformation_v0.19.-180702
edt dotp-vision_for_transformation_v0.19.-180702
Alan Mather283 views
What can you achieve in 22 days? by Ryan Kerry
What can you achieve in 22 days?What can you achieve in 22 days?
What can you achieve in 22 days?
Ryan Kerry206 views
Content Strategy in a Gutenberg World Lightning Talk at WordCamp Phoenix 2019 by Jamie Schmid
Content Strategy in a Gutenberg World   Lightning Talk at WordCamp Phoenix 2019Content Strategy in a Gutenberg World   Lightning Talk at WordCamp Phoenix 2019
Content Strategy in a Gutenberg World Lightning Talk at WordCamp Phoenix 2019
Jamie Schmid618 views
Web accessibility strategies for the new decade by Andrew Stevens
Web accessibility strategies for the new decadeWeb accessibility strategies for the new decade
Web accessibility strategies for the new decade
Andrew Stevens90 views
World IA Day 2016 - Making structure that scales - GOV.UK by gaynorburns
World IA Day 2016 - Making structure that scales - GOV.UKWorld IA Day 2016 - Making structure that scales - GOV.UK
World IA Day 2016 - Making structure that scales - GOV.UK
gaynorburns142 views
World IA Day, London: IA at GOV.UK by vickybuser
World IA Day, London: IA at GOV.UKWorld IA Day, London: IA at GOV.UK
World IA Day, London: IA at GOV.UK
vickybuser540 views
Fast forward into the future, build and find out your virtually finished pro... by www.securitysystems.best
Fast forward into the future, build and find out your  virtually finished pro...Fast forward into the future, build and find out your  virtually finished pro...
Fast forward into the future, build and find out your virtually finished pro...
Googles Innovation Lund Uni. by Cohn & Wolfe
Googles Innovation Lund Uni.Googles Innovation Lund Uni.
Googles Innovation Lund Uni.
Cohn & Wolfe646 views
Human Services as a Platform: Three Keys to Success in Platform Driven Digita... by accenture
Human Services as a Platform: Three Keys to Success in Platform Driven Digita...Human Services as a Platform: Three Keys to Success in Platform Driven Digita...
Human Services as a Platform: Three Keys to Success in Platform Driven Digita...
accenture26.8K views
CGI Salon Series - User Experience Design, July 19, 2016, Los Angeles, Califo... by Tim McCarthy
CGI Salon Series - User Experience Design, July 19, 2016, Los Angeles, Califo...CGI Salon Series - User Experience Design, July 19, 2016, Los Angeles, Califo...
CGI Salon Series - User Experience Design, July 19, 2016, Los Angeles, Califo...
Tim McCarthy171 views

Recently uploaded

JAWARK Inside Company Profile 2024 by
JAWARK Inside Company Profile 2024JAWARK Inside Company Profile 2024
JAWARK Inside Company Profile 2024mostafareda1994
12 views45 slides
Office furniture by
Office furnitureOffice furniture
Office furnitureCreaticityBrandedint
5 views1 slide
EL FODA.pdf by
EL FODA.pdfEL FODA.pdf
EL FODA.pdfestefanimilenca
22 views1 slide
DR Portfolio.pptx by
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptxrobertsd2
25 views11 slides
boggiano_project 2.pptx by
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptxsamboggiano
24 views8 slides
Indian wedding dresses design.pdf by
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdfAur Dikhao
5 views7 slides

Recently uploaded(20)

DR Portfolio.pptx by robertsd2
DR Portfolio.pptxDR Portfolio.pptx
DR Portfolio.pptx
robertsd225 views
boggiano_project 2.pptx by samboggiano
boggiano_project 2.pptxboggiano_project 2.pptx
boggiano_project 2.pptx
samboggiano24 views
Indian wedding dresses design.pdf by Aur Dikhao
Indian wedding dresses design.pdfIndian wedding dresses design.pdf
Indian wedding dresses design.pdf
Aur Dikhao5 views
Sudden Deafness Design Document by wyfangherman
Sudden Deafness Design DocumentSudden Deafness Design Document
Sudden Deafness Design Document
wyfangherman54 views
ATPMOUSE_융합2조.pptx by kts120898
ATPMOUSE_융합2조.pptxATPMOUSE_융합2조.pptx
ATPMOUSE_융합2조.pptx
kts12089825 views
Legal PPT Presentation.pptx by 125071063
Legal PPT Presentation.pptxLegal PPT Presentation.pptx
Legal PPT Presentation.pptx
1250710635 views
Using Experiential Design to Understand the Future of AI & Immersive Storytel... by Kent Bye
Using Experiential Design to Understand the Future of AI & Immersive Storytel...Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Using Experiential Design to Understand the Future of AI & Immersive Storytel...
Kent Bye20 views
Canned Cocktail Flat Labels by nyhapedraza
Canned Cocktail Flat LabelsCanned Cocktail Flat Labels
Canned Cocktail Flat Labels
nyhapedraza38 views
Cocktail Merchandise by nyhapedraza
Cocktail MerchandiseCocktail Merchandise
Cocktail Merchandise
nyhapedraza35 views
Samsung Galaxy Watch 5 Presentation by aryasheel1
Samsung Galaxy Watch 5 PresentationSamsung Galaxy Watch 5 Presentation
Samsung Galaxy Watch 5 Presentation
aryasheel113 views
Free International civil aviation day template from best presentation design ... by slideceotemplates
Free International civil aviation day template from best presentation design ...Free International civil aviation day template from best presentation design ...
Free International civil aviation day template from best presentation design ...
500% Sales Growth with Amazon A+ Content by Fahima
500% Sales Growth with Amazon A+ Content500% Sales Growth with Amazon A+ Content
500% Sales Growth with Amazon A+ Content
Fahima11 views

Using a design system to promote accessible design | Amy Hupe