Development and evaluation of the plugin for Figma for Accessibility Documentation for Interfaces - DAI


Daily services are adapting to the technological reality and, for these to be disseminated, it is necessary to be accessible to all people, by market demand or compliance with laws in favor of accessibility. As part of the process of meeting users' accessibility needs, documentation is prepared to help the development team, supporting communication between the parties involved. With that in mind, this article describes the development and evaluation of the DAI - Plugin for Accessibility Documentation in Interfaces designed for the Figma prototyping system, as part of the Completion of the Course Work in Digital Design. For this, surveys were carried out to know the documents used for documentation of accessibility in the interface, the main communication problems in the team, and the most used tool for creating prototypes. The opportunity to produce a plugin that represents accessibility requirements for interface elements of web systems in prototypes built in Figma was observed. Thus, designers can design the interface and document the accessibility requirements, and developers can access the tool to identify the attributes, listed from the WCAG, that need intervention to make the page elements accessible. After development, usability and observation tests were performed with designers and developers without much experience in accessible projects and verified the potential of DAI in documenting and communicating accessibility attributes. The development and evaluation of the plugin produced for a tool that contains an active community and with the possibility of free use, such as Figma, can be the basis for the creation of new extensions to solve the daily problems of the teams, in the case of this work, communication of accessibility in the interface.
Palavras-chave: User interface, Accessibility, Prototyping Engineering, Documentation


2008. Web Content Accessibility Guidelines (WCAG) 2.0. web. [link]

Aaron Bangor, Philip Kortum, and James Miller. 2009. Determining what individual SUS scores mean: Adding an adjective rating scale. Journal of usability studies 4, 3 (2009), 114–123.

Simone Diniz Junqueira Barbosa, Bruno Santana da Silva, Milene Selbach Silveira, Isabela Gasparini, Ticianne Darin, and Gabriel Diniz Junqueira Barbosa. 2021. Interação Humano-Computador e Experiência do Usuário. Autopublicação. [link]

Thiago Jabur Bittar, Leandro Agostini do Amaral, and Renata Pontin de Mattos Fortes. 2011. AccessibilityUtil: A Tool for Sharing Experiences about Accessibility of Web Artifacts. In Proceedings of the 29th ACM International Conference on Design of Communication (Pisa, Italy) (SIGDOC ’11). Association for Computing Machinery, New York, NY, USA, 17–24. DOI: 10.1145/2038476.2038480

Brasil. 2015. Lei nº 13.146, de 6 de julho de 2015. Diário Oficial [da] República Federativa do Brasil (06 set. 2015). [link] Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência), destinada a assegurar e a promover, em condições de igualdade, o exercício dos direitos e das liberdades fundamentais por pessoa com deficiência, visando à sua inclusão social e cidadania..

John Brooke. 1995. SUS: A quick and dirty usability scale. Usability Eval. Ind. 189 (11 1995).

L. Chung, B.A. Nixon, E. Yu, and J. Mylopoulos. 2012. Non-Functional Requirements in Software Engineering. Springer US. [link]

Bruna Neves de Oliveira. 2019. In Clue. [link]

Vagner Diniz, Reinaldo Ferraz, Monica Lopes, 2018. Cartilha de acessibilidade na Web. CGI. br.

Dylan Field. 2019. Beyond multiplayer. [link]

Brad Frost. 2016. Atomic design. Brad Frost, Pittsburgh, Pennsylvania.

J.J. Garrett. 2010. The elements of User Experience. Pearson Education. [link]

IBGE. 2014. Estatísticas de gênero (33 ed.). IBGE, Rio de Janeiro. [link]

B. Lawson. 2006. How Designers Think. Elsevier/Architectural. [link]

Raúl Miñón, Lourdes Moreno, and Julio Abascal. 2013. A graphical tool to create user interface models for ubiquitous interaction satisfying accessibility requirements. Universal access in the information society 12, 4 (2013), 427–439. DOI: 10.1007/s10209-012-0284-x

Thomas P. Moran. 1981. The command language grammar. International Journal of Man-Machine Studies 15, 1 (1981), 3–50. DOI: 10.1016/S0020-7373(81)80022-3

Jakob Nielsen. 2000. Why You Only Need to Test with 5 Users. [link]

Jakob Nielsen. 2012. Usability 101. [link]

Rodrigo Prada. 2008. O que é [link]

J.G.S. Rosa and A. de Moraes. 2010. Avaliação e projeto no design de interfaces. 2AB. [link]
OLIVEIRA, George Moreno De; MONTEIRO, Ingrid Teixeira. Development and evaluation of the plugin for Figma for Accessibility Documentation for Interfaces - DAI. In: SIMPÓSIO BRASILEIRO SOBRE FATORES HUMANOS EM SISTEMAS COMPUTACIONAIS (IHC), 22. , 2023, Maceió/AL. Anais [...]. Porto Alegre: Sociedade Brasileira de Computação, 2023 .