Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Using a design system to promote accessible design | Amy Hupe

98 views

Published on

Amy spoke about some of the ways the GOV.UK Design System has helped to make government services accessible, so that they work for everyone.

In particular, Amy explained how using clear, inclusive documentation helps to build empathy and promote best practice when it comes to designing for accessibility.

About Amy

Following 6 years as a researcher, copywriter and editor at the UK consumer’s association, Which?, Amy now works as a Senior Content Designer at the Government Digital Service (GDS).

In her 3 half years at GDS, Amy has lead the content strategy for the GOV.UK Design System, including a straightforward and inclusive approach to documentation.

Published in: Design
  • Be the first to comment

  • Be the first to like this

Using a design system to promote accessible design | Amy Hupe

  1. 1. Amy Hupe Senior Content Designer
 GOV.UK Design System team
 @Amy_Hupe
  2. 2. GDS This is a text slide I work at the Government Digital Service
  3. 3. GDS@Amy_Hupe
  4. 4. GDS@Amy_Hupe
  5. 5. GDS@Amy_Hupe
  6. 6. GDS@Amy_Hupe
  7. 7. GDS@Amy_Hupe
  8. 8. GDS@Amy_Hupe
  9. 9. 1 website 25 departments 700+ service teams
  10. 10. GDS@Amy_Hupe
  11. 11. GDS@Amy_Hupe MoJ GDS DWP HMRC Home Office GDS
  12. 12. GDS@Amy_Hupe
  13. 13. GDS@Amy_Hupe
  14. 14. GDS@Amy_Hupe
  15. 15. 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
  16. 16. GDS@Amy_Hupe Public Sector Bodies (Websites and Mobile Applications) (No. 2) Accessibility Regulations 2018.
  17. 17. GDS How can a design system promote accessible design within an organisation? @Amy_Hupe
  18. 18. GDS A design system can promote accessible design by: - baking it in - explaining it - leading by example - teaching it @Amy_Hupe
  19. 19. Bake it in
  20. 20. GDS@Amy_Hupe
  21. 21. GDS@Amy_Hupe Designing for users of screen readers poster by the
 Home Office
  22. 22. GDS@Amy_Hupe
  23. 23. GDS@Amy_Hupe
  24. 24. GDS@Amy_Hupe
  25. 25. Explain it
  26. 26. GDS@Amy_Hupe
  27. 27. GDS@Amy_Hupe @WeTheColorBlind Because I am colour blind Reasons why I hate pie charts
  28. 28. GDS@Amy_Hupe
  29. 29. GDS@Amy_Hupe
  30. 30. Lead by example
  31. 31. GDS@Amy_Hupe
  32. 32. GDS@Amy_Hupe
  33. 33. GDS@Amy_Hupe
  34. 34. GDS@Amy_Hupe
  35. 35. GDS@Amy_Hupe
  36. 36. Teach it
  37. 37. 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
  38. 38. GDS To make a design system successful, we have to help people: - find it - use it - contribute to it @Amy_Hupe
  39. 39. GDS
  40. 40. GDS@Amy_Hupe
  41. 41. GDS@Amy_Hupe
  42. 42. GDS@Amy_Hupe
  43. 43. GDS
  44. 44. GDS 1. Bake it in 2. Explain it 3. Lead by example 4. Teach it @Amy_Hupe
  45. 45. What a design system can’t do
  46. 46. GDS A design system doesn’t take away the need for contextual user research @Amy_Hupe
  47. 47. GDS A design system can’t make an organisation care about accessibility @Amy_Hupe
  48. 48. GDS@Amy_Hupe
  49. 49. GDS@Amy_Hupe
  50. 50. What can I do?
  51. 51. GDS Read up and learn about accessibility @Amy_Hupe
  52. 52. GDS Follow #a11y on Twitter @Amy_Hupe
  53. 53. GDS “Improve the accessibility of just one thing” Léonie Watson @Amy_Hupe
  54. 54. GDS BE
 LESS
 SHIT @Amy_Hupe
  55. 55. Thanks! Amy Hupe @Amy_Hupe

×