Abstract

Design systems provide a useful approach for TPC instructors looking to teach students to design and build accessible digital products. This experience report presents a teaching unit on using design systems to introduce accessibility to students. Using the Bootstrap design system, accessibility is threaded throughout the design process and provides a grounded approach for integrating accessible design into the UX classroom. Readers will come away with an outline of the teaching unit, accompanying materials for teaching that unit, and student examples user-tested for accessibility. The author concludes on a reflection on teaching the unit and offers advice for readers looking to implement a similar unit in their own courses.

Journal
Communication Design Quarterly
Published
2024-09-01
DOI
10.1145/3658422.3658431
CompPile
Search in CompPile ↗
Open Access
OA PDF Gold
Topics
Export

Citation Context

Cited by in this index (0)

No articles in this index cite this work.

References (27) · 10 in this index

  1. Accessibility. https://getbootstrap.com/docs/5.3/getting-started/accessibility/
  2. Business and Professional Communication Quarterly
  3. A web for everyone: Designing accessible user experiences. Rosenfeld Media
  4. What is the UX design process? 5 steps to success
  5. Communication Design Quarterly
Show all 27 →
  1. Rhetorical accessability: At the intersection of technical communication and disability s…
  2. Rhetorical accessability: At the intersection of technical communication and disability s…
  3. Embodied personas for a mobile world
    Technical Communication
  4. Communication Design Quarterly
  5. 10.1145/3328020.3353957
  6. Journal of Business and Technical Communication
  7. Saying no to the checklist: Shifting from an ideology of normalcy to an ideology of inclu…
    WPA: Writing Program Administration
  8. Journal of Technical Writing and Communication
  9. Technical Communication Quarterly
  10. Internet/broadband fact sheet. https://www.pewresearch.org/internet/fact-sheet/internet-b…
  11. 10.1145/3513130.3558985
  12. R.E. Burnett & D
  13. IEEE Transactions on Professional Communication
  14. IEEE Transactions on Professional Communication
  15. 10.1007/978-1-4842-4514-9
  16. Web content accessibility guidelines. https://www.w3.org/TR/WCAG/
  17. Technical Communication Quarterly
  18. The WebAIM million. https://webaim.org/projects/million
  19. Quick win - Support dark mode. https://mobileally.com/quick-wins/dark-mode/
  20. Journal of Business and Technical Communication
  21. Designing captions: Disruptive experiments with typography, color, icons, and effects. Ka…
  22. Understand the social needs for accessibility in UX design. https://www.interaction-desig…