SlideShare a Scribd company logo
1 of 23
Download to read offline
Creating accessible design systems
Sarah Pulis
Director Accessibility Services
Tweet me at @sarahtp
creating an inclusive digital world
intopia.digital
What is a
design
system?
Image credit:
Audrey Hacq
https://bit.ly/2GP0kLf
What are your tips for creating a more
accessible and inclusive design system.
I asked my Intopia colleagues

Tip 1
Take the time to develop a common
understanding of what “accessible” means and
communicate it broadly

Tip 2
Wear your undies on the outside - give people
detailed documentation and justification for
decisions
What version?
When was it tested?

Tip 3
Don’t forget about how components interact,
and create helper functions to help
implementation

Tip 4
Provide clear content guidance for your UI
components

Tip 5
Send you design system down the deepest
darkest alley – and test the hell out of it
What assistive technologies/web browser combinations
will you test with? What operating system versions?
When were they tested?
What user research and usability testing will you do?
Considerations

Tip 6
Don’t assume other design systems have got
everything right (even if they look like they’ve
got their act together)
What if your have
keyboard-focusable UI
components in the
content area?

Tip 7
Treat your design system as a living organism –
have clear feedback paths and processes that
preserve predictability and consistency
• Design hover and focus states
• Be predictable – stay true to platforms or
established patterns were possible
• Use relative font sizes (please, please, please)
• Use sensible defaults
• Don’t use Lorem Ipsum
Other tips
• GOV.UK Design System
• GOV.AU Design System
• Salesforce Lightning Design System
• Google Material Design
• U.S. Web Design System
• Shopify Polaris Design System
Design System inspiration
Let’s continue the conversation
Sarah Pulis
@sarahtp
sarah@intopia.digital
Ref: Accessibility Champion from
Culture Change Cards
www.digitalpulse.pwc.com.au/resources

More Related Content

What's hot

What's hot (20)

A11y user stories CSUN 2018
A11y user stories CSUN 2018A11y user stories CSUN 2018
A11y user stories CSUN 2018
 
WCAG 2.1 update for designers
WCAG 2.1 update for designersWCAG 2.1 update for designers
WCAG 2.1 update for designers
 
Personalised technical accessibility training: a case study
Personalised technical accessibility training: a case studyPersonalised technical accessibility training: a case study
Personalised technical accessibility training: a case study
 
What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters What to Fix First? Remediation Order Matters
What to Fix First? Remediation Order Matters
 
From Empathy to Research with People with Disability
From Empathy to Research with People with DisabilityFrom Empathy to Research with People with Disability
From Empathy to Research with People with Disability
 
Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018Teach colleagues accessibility - CSUN ATC 2018
Teach colleagues accessibility - CSUN ATC 2018
 
Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating Intuit's Accessibility Champion Program - Coaching and Celebrating
Intuit's Accessibility Champion Program - Coaching and Celebrating
 
Coaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility ChampionsCoaching and Celebrating Accessibility Champions
Coaching and Celebrating Accessibility Champions
 
User Testing for Accessibility
User Testing for AccessibilityUser Testing for Accessibility
User Testing for 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
 
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...UXPA2019  Enhancing the User Experience for People with Disabilities: Top 10 ...
UXPA2019 Enhancing the User Experience for People with Disabilities: Top 10 ...
 
Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?Your company’s annual user conference: Boon or Bust for UX?
Your company’s annual user conference: Boon or Bust for UX?
 
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
UXPA2019  I am the LAAW!   The Lean Accessibility Audit WorkshopUXPA2019  I am the LAAW!   The Lean Accessibility Audit Workshop
UXPA2019 I am the LAAW! The Lean Accessibility Audit Workshop
 
UXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain InterfacesUXPA2019 - Unconference: Basics of Building Blockchain Interfaces
UXPA2019 - Unconference: Basics of Building Blockchain Interfaces
 
Usability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheapUsability Testing: Making it fast, good, and cheap
Usability Testing: Making it fast, good, and cheap
 
Intuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design ProcessIntuition Factors in the User Experience Design Process
Intuition Factors in the User Experience Design Process
 
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
UXPA2019 UX fundamentals for adapting science-based interfaces for non-techni...
 
Accessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiencesAccessible UX: Beyond the checklist to great experiences
Accessible UX: Beyond the checklist to great experiences
 
Designing and Testing for Digital Accessibility
Designing and Testing for Digital AccessibilityDesigning and Testing for Digital Accessibility
Designing and Testing for Digital Accessibility
 
Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013Rapid Product Design in the Wild, Agile 2013
Rapid Product Design in the Wild, Agile 2013
 

Similar to Creating accessible design systems - OZeWAI 2018

Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
Tanya Zavialova
 

Similar to Creating accessible design systems - OZeWAI 2018 (20)

How to improve Developer Documentations ?
How to improve Developer Documentations ?How to improve Developer Documentations ?
How to improve Developer Documentations ?
 
UX Without Documentation
UX Without DocumentationUX Without Documentation
UX Without Documentation
 
Usability Presentation - IIS Brownbag 2013
Usability Presentation - IIS Brownbag 2013Usability Presentation - IIS Brownbag 2013
Usability Presentation - IIS Brownbag 2013
 
Usability Workshop at Lillebaelt Academy
Usability Workshop at Lillebaelt AcademyUsability Workshop at Lillebaelt Academy
Usability Workshop at Lillebaelt Academy
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 
First users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaborationFirst users: Heuristics for designer/developer collaboration
First users: Heuristics for designer/developer collaboration
 
Multi Platform User Exerience
Multi Platform User ExerienceMulti Platform User Exerience
Multi Platform User Exerience
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Exploring and Integrating UX in Open Source Software Development
Exploring and Integrating UX in Open Source Software Development Exploring and Integrating UX in Open Source Software Development
Exploring and Integrating UX in Open Source Software Development
 
Building the Social Library Online - Copenhagen
Building the Social Library Online - CopenhagenBuilding the Social Library Online - Copenhagen
Building the Social Library Online - Copenhagen
 
2015 06-29--lita--blend it
2015 06-29--lita--blend it2015 06-29--lita--blend it
2015 06-29--lita--blend it
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
An involving approach to intranet design
An involving approach to intranet designAn involving approach to intranet design
An involving approach to intranet design
 
hci Evaluation Techniques.pptx
 hci Evaluation Techniques.pptx hci Evaluation Techniques.pptx
hci Evaluation Techniques.pptx
 
Usability testing in the open
Usability testing in the openUsability testing in the open
Usability testing in the open
 
COMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introductionCOMP 4026 - Lecture1 introduction
COMP 4026 - Lecture1 introduction
 
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners   Experience Dynamics Web SeminarUsability Tips And Tricks For Beginners   Experience Dynamics Web Seminar
Usability Tips And Tricks For Beginners Experience Dynamics Web Seminar
 
La La Land of DevOps Integration (TugaIT)
La La Land of DevOps Integration (TugaIT)La La Land of DevOps Integration (TugaIT)
La La Land of DevOps Integration (TugaIT)
 
10 lessons from the design of SlideShare
10 lessons from the design of SlideShare10 lessons from the design of SlideShare
10 lessons from the design of SlideShare
 
20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice20190221 Algorithmic transparency and accountability in practice
20190221 Algorithmic transparency and accountability in practice
 

More from Intopia

More from Intopia (20)

The value of measuring your accessibility maturity
The value of measuring your accessibility maturityThe value of measuring your accessibility maturity
The value of measuring your accessibility maturity
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Making Content Creation Tools Accessible
Making Content Creation Tools AccessibleMaking Content Creation Tools Accessible
Making Content Creation Tools Accessible
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
The why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design processThe why, when and how of including people with disability in the design process
The why, when and how of including people with disability in the design process
 
Annotating designs for accessibility
Annotating designs for accessibilityAnnotating designs for accessibility
Annotating designs for accessibility
 
Digital accessibility and learning opportunities
Digital accessibility and learning opportunitiesDigital accessibility and learning opportunities
Digital accessibility and learning opportunities
 
Accessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenchesAccessible procurement: Stories from the trenches
Accessible procurement: Stories from the trenches
 
Designing for people with cognitive impairments
Designing for people with cognitive impairmentsDesigning for people with cognitive impairments
Designing for people with cognitive impairments
 
How to create a kick ass business case for accessibility
How to create a kick ass business case for accessibilityHow to create a kick ass business case for accessibility
How to create a kick ass business case for accessibility
 
Making Accessible Web Animations
Making Accessible Web AnimationsMaking Accessible Web Animations
Making Accessible Web Animations
 
Using the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibilityUsing the black art of marketing to sell accessibility
Using the black art of marketing to sell accessibility
 
Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018Investing in your family's future - OZeWAI 2018
Investing in your family's future - OZeWAI 2018
 
WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018WCAG 2.1 for Designers - OZeWAI 2018
WCAG 2.1 for Designers - OZeWAI 2018
 
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
Even more accessible! What WCAG 2.1 means for designers - Web Directions Summ...
 
Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1Inclusive front-end development with WCAG 2.1
Inclusive front-end development with WCAG 2.1
 
Accessibility and Digital Identity
Accessibility and Digital IdentityAccessibility and Digital Identity
Accessibility and Digital Identity
 
Make <input> more accessible with metadata
Make <input> more accessible with metadataMake <input> more accessible with metadata
Make <input> more accessible with metadata
 
Advances in web accessibility
Advances in web accessibilityAdvances in web accessibility
Advances in web accessibility
 
Digital accessibility - Beyond the screen
Digital accessibility - Beyond the screenDigital accessibility - Beyond the screen
Digital accessibility - Beyond the screen
 

Recently uploaded

Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
sexy call girls service in goa
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
Diya Sharma
 
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
ellan12
 
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Sheetaleventcompany
 

Recently uploaded (20)

Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine ServiceHot Service (+9316020077 ) Goa  Call Girls Real Photos and Genuine Service
Hot Service (+9316020077 ) Goa Call Girls Real Photos and Genuine Service
 
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
₹5.5k {Cash Payment}New Friends Colony Call Girls In [Delhi NIHARIKA] 🔝|97111...
 
Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand
Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night StandHot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand
Hot Call Girls |Delhi |Hauz Khas ☎ 9711199171 Book Your One night Stand
 
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
Shikrapur - Call Girls in Pune Neha 8005736733 | 100% Gennuine High Class Ind...
 
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
 
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort ServiceCall Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
Call Girls in Prashant Vihar, Delhi 💯 Call Us 🔝9953056974 🔝 Escort Service
 
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
Dwarka Sector 26 Call Girls | Delhi | 9999965857 🫦 Vanshika Verma More Our Se...
 
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptxAWS Community DAY Albertini-Ellan Cloud Security (1).pptx
AWS Community DAY Albertini-Ellan Cloud Security (1).pptx
 
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
Call Girls Service Chandigarh Lucky ❤️ 7710465962 Independent Call Girls In C...
 
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...Pune Airport ( Call Girls ) Pune  6297143586  Hot Model With Sexy Bhabi Ready...
Pune Airport ( Call Girls ) Pune 6297143586 Hot Model With Sexy Bhabi Ready...
 
Russian Call Girls Pune (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
Russian Call Girls Pune  (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...Russian Call Girls Pune  (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
Russian Call Girls Pune (Adult Only) 8005736733 Escort Service 24x7 Cash Pay...
 
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Sarai Rohilla Escort Service Delhi N.C.R.
 
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providersMoving Beyond Twitter/X and Facebook - Social Media for local news providers
Moving Beyond Twitter/X and Facebook - Social Media for local news providers
 
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
WhatsApp 📞 8448380779 ✅Call Girls In Mamura Sector 66 ( Noida)
 
(+971568250507 ))# Young Call Girls in Ajman By Pakistani Call Girls in ...
(+971568250507  ))#  Young Call Girls  in Ajman  By Pakistani Call Girls  in ...(+971568250507  ))#  Young Call Girls  in Ajman  By Pakistani Call Girls  in ...
(+971568250507 ))# Young Call Girls in Ajman By Pakistani Call Girls in ...
 
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
Hire↠Young Call Girls in Tilak nagar (Delhi) ☎️ 9205541914 ☎️ Independent Esc...
 
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
Call Now ☎ 8264348440 !! Call Girls in Green Park Escort Service Delhi N.C.R.
 
Al Barsha Night Partner +0567686026 Call Girls Dubai
Al Barsha Night Partner +0567686026 Call Girls  DubaiAl Barsha Night Partner +0567686026 Call Girls  Dubai
Al Barsha Night Partner +0567686026 Call Girls Dubai
 
Russian Call girl in Ajman +971563133746 Ajman Call girl Service
Russian Call girl in Ajman +971563133746 Ajman Call girl ServiceRussian Call girl in Ajman +971563133746 Ajman Call girl Service
Russian Call girl in Ajman +971563133746 Ajman Call girl Service
 
Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
Ganeshkhind ! Call Girls Pune - 450+ Call Girl Cash Payment 8005736733 Neha T...
 

Creating accessible design systems - OZeWAI 2018

  • 1. Creating accessible design systems Sarah Pulis Director Accessibility Services Tweet me at @sarahtp creating an inclusive digital world intopia.digital
  • 2. What is a design system? Image credit: Audrey Hacq https://bit.ly/2GP0kLf
  • 3. What are your tips for creating a more accessible and inclusive design system. I asked my Intopia colleagues
  • 4.  Tip 1 Take the time to develop a common understanding of what “accessible” means and communicate it broadly
  • 5.
  • 6.  Tip 2 Wear your undies on the outside - give people detailed documentation and justification for decisions
  • 7.
  • 8.
  • 10.  Tip 3 Don’t forget about how components interact, and create helper functions to help implementation
  • 11.
  • 12.  Tip 4 Provide clear content guidance for your UI components
  • 13.
  • 14.  Tip 5 Send you design system down the deepest darkest alley – and test the hell out of it
  • 15. What assistive technologies/web browser combinations will you test with? What operating system versions? When were they tested? What user research and usability testing will you do? Considerations
  • 16.
  • 17.  Tip 6 Don’t assume other design systems have got everything right (even if they look like they’ve got their act together)
  • 18. What if your have keyboard-focusable UI components in the content area?
  • 19.  Tip 7 Treat your design system as a living organism – have clear feedback paths and processes that preserve predictability and consistency
  • 20.
  • 21. • Design hover and focus states • Be predictable – stay true to platforms or established patterns were possible • Use relative font sizes (please, please, please) • Use sensible defaults • Don’t use Lorem Ipsum Other tips
  • 22. • GOV.UK Design System • GOV.AU Design System • Salesforce Lightning Design System • Google Material Design • U.S. Web Design System • Shopify Polaris Design System Design System inspiration
  • 23. Let’s continue the conversation Sarah Pulis @sarahtp sarah@intopia.digital Ref: Accessibility Champion from Culture Change Cards www.digitalpulse.pwc.com.au/resources