Design Systems and Component Packages as an Interface for Accessibility

  • Sofia Diniz UFPE
  • Kiev Gama UFPE

Resumo


A design system is a collection of interrelated patterns and shared practices, systematically organized to fulfill the objectives of digital products. This research aims to understand how Design Systems can influence software developers in implementing accessibility guidelines. For this purpose, leading design systems were analyzed for their coverage of accessibility, and a component package seamlessly integrating accessibility concerns was created and tested by software developers. Results indicated that an accessible Design System can positively influence developers to incorporate accessibility, thus enhancing the user experience in the final product.

Palavras-chave: Accessibility, Design system, Swift, Inclusive design

Referências

2024. ATT. [link] January 20, 2024.

Apple. 2024. Human Interface Guidelines. [link] February 10, 2024.

Stephanie Chamberlain, Helen Sharp, and Neil Maiden. 2006. Towards a framework for integrating agile development and user-centred design. In International Conference on Extreme Programming and Agile Processes in Software Engineering. Springer, 143–153.

World Wide Web Consortium. 2024. Web Content Accessibility Guidelines (WCAG) 2.2 - Abstract. [link] February 05, 2024.

Victor Leal de Almeida and Kiev Gama. 2021. Mobile accessibility guidelines adoption under the perspective of developers and designers. In 2021 IEEE/ACM 13th International Workshop on Cooperative and Human Aspects of Software Engineering (CHASE). IEEE, 127–128.

Fluent Microsoft Design. 2024. Design Principles. [link] January 15, 2024.

Material Design. 2023. Tooltips: Accessibility. [link] November 18, 2023.

Material Design. 2024. Snackbar: Accessibility. [link] February 7, 2024.

Apple Developer. 2023. Human Interface Guidelines: Accessibility. [link] December 3, 2023.

International Organization for Standardization. 2011. ISO/IEC 25010:2011 - Systems and software engineering - Systems and software Quality Requirements and Evaluation (SQuaRE) - System and software quality models. [link].

International Organization for Standardization (ISO). 1999. ISO 13407:1999 - Human-centred design processes for interactive systems. [link] December 10, 2023.

Forbes. 2019. Top Digital Companies. [link] February 02, 2024.

Kiev Gama, Ana Paula Chaves, Danilo Monteiro Ribeiro, Kezia Devathasan, and Daniela Damian. 2024. How much do you know about your users? A study of developer awareness about diverse users. In 2024 IEEE 9th International workshop on empirical requirements engineering (EmpiRE). IEEE.

John Grundy, Tanjila Kanij, Jennifer McIntosh, Hourieh Khalajzadeh, and Ingo Mueller. 2022. Diverse End User Requirements. preprint arXiv:2210.02543 (2022).

Vivian Hunt, Sundiatu Dixon-Fyle, Sara Prince, and Kevin Dolan. 2020. Diversity wins: How inclusion matters. [link]

Vivian Hunt, Sara Prince, Sundiatu Dixon-Fyle, and Lareina Yee. 2018. Delivering through diversity. Mckinsey & Company. 26 (2018), 2018.

Stefanie K Johnson. 2017. What 11 CEOs Have Learned About Championing Diversity. Harvard Business Review (2017).

Alenka Kavcic. 2005. Software accessibility: Recommendations and guidelines. In EUROCON 2005-The International Conference on" Computer as a Tool", Vol. 2. IEEE, 1024–1027.

Alla Kholmatova. 2017. Design Systems: A practical guide to creating design languages for digital products. Smashing Magazine.

Yassine Lamine and Jinghui Cheng. 2022. Understanding and supporting the design systems practice. Empirical Software Engineering 27, 6 (2022), 146.

Germán Leiva, Nolwenn Maudet, Wendy Mackay, and Michel Beaudouin-Lafon. 2019. Enact: Reducing designer–developer breakdowns when prototyping custom interactions. ACM Transactions on Computer-Human Interaction (TOCHI) 26, 3 (2019), 1–48.

Malin Lundström, Johan Åberg, and Johan Blomkvist. 2015. Perceptions of software developers’ empathy with designers. In Proceedings of the 2015 British HCI Conference. 239–246.

Danaë Metaxa, Michelle A Gan, Su Goh, Jeff Hancock, and James A Landay. 2021. An image of society: Gender and racial representation and impact in image search results for occupations. Proceedings of the ACM on Human-Computer Interaction 5, CSCW1 (2021), 1–23.

Microsoft. 2024. Microsoft Inclusive Design. [link] January 20, 2024.

Kumiyo Nakakoji, Yasuhiro Yamamoto, Yoshiyuki Nishinaka, Kouichi Kishida, and Yunwen Ye. 2002. Evolution patterns of open-source software systems and communities. In Proceedings of the international workshop on Principles of software evolution. 76–85.

Lisa Hope Pelled, Kathleen M Eisenhardt, and Katherine R Xin. 1999. Exploring the black box: An analysis of work group diversity, conflict and performance. Administrative science quarterly 44, 1 (1999), 1–28.

Gema Rodríguez-Pérez, Reza Nadri, and Meiyappan Nagappan. 2021. Perceived diversity in software engineering: a systematic literature review. Empirical Software Engineering 26, 5 (2021), 1–38.

Ljilja Ruzic, Seunghyun Tina Lee, Yilin Elaine Liu, and Jon A Sanford. 2016. Development of universal design mobile interface guidelines (UDMIG) for aging population. In Universal Access in Human-Computer Interaction. Methods, Techniques, and Best Practices: 10th International Conference, UAHCI 2016, Held as Part of HCI International 2016, Toronto, ON, Canada, July 17-22, 2016, Proceedings, Part I 10. Springer, 98–108.

Samsung. 2023. About Us - Company Information. [link] March 6, 2023.

Selena Silva and Martin Kenney. 2019. Algorithms, platforms, and ethnic bias. Commun. ACM 62, 11 (2019), 37–39.

Karina Kohl Silveira and Rafael Prikladnicki. 2019. A systematic mapping study of diversity in software engineering: a perspective from the agile methodologies. In 2019 IEEE/ACM 12th Intl Workshop on Cooperative and Human Aspects of Software Eng. (CHASE). IEEE, 7–10.

Statista. 2024. APAC: Samsung smartphone market share by country 2020. [link] February 5, 2024.

Constantine Stephanidis, Demosthenes Akoumianakis, Michael Sfyrakis, and Alexandros Paramythis. 1998. Universal accessibility in HCI: Process-oriented design guidelines and tool requirements. In Proceedings of the 4th ERCIMWorkshop on User Interfaces for all, Stockholm, Sweden. 19–21.

Sarrah Vesselov and Taurie Davis. 2019. Building Design Systems. Springer.

World WideWeb Consortium (W3C). 2024. Web Content Accessibility Guidelines (WCAG) 2.2 - Redundant Entry. [link] February 10, 2024.

Xiaoyi Zhang, Lilian De Greef, Amanda Swearngin, Samuel White, Kyle Murray, Lisa Yu, Qi Shan, Jeffrey Nichols, Jason Wu, Chris Fleizach, et al. 2021. Screen recognition: Creating accessibility metadata for mobile applications from pixels. In Proceedings of the 2021 CHI Conference on Human Factors in Computing Systems. 1–15.
Publicado
30/09/2024
DINIZ, Sofia; GAMA, Kiev. Design Systems and Component Packages as an Interface for Accessibility. In: SIMPÓSIO BRASILEIRO DE ENGENHARIA DE SOFTWARE (SBES), 38. , 2024, Curitiba/PR. Anais [...]. Porto Alegre: Sociedade Brasileira de Computação, 2024 . p. 595-601. DOI: https://doi.org/10.5753/sbes.2024.3566.