Desenvolvimento e avaliação do plugin para o Figma para Documentação de Acessibilidade para Interfaces - DAI

Abstract

The construction of digital products is permeated by several factors directly related to their users. Banking systems, distance education and even government services are digital resources that are shaping up to the technological reality, however, these services must be accessible to all. In the process of developing a digital product, system requirements are defined, whether functional or not, which determine how the system will be produced. In this process, there must be documents that help in the organization and development of the product and serve as communication, either internally or externally to the team. This work describes the development of a plugin for Accessibility Documentation in Interfaces designed in Figma, the DAI. For this, surveys were carried out regarding the documents used for documentation of accessibility in the interface and what are the main problems in this communication. Considering the common use of prototypes as documentation for the interface, and Figma as the most used prototyping software, the opportunity was observed to produce a plugin that represented the accessibility requirements for the elements in the system interface. This representation of the requirements, allows the designer to design the interface in Figma and document the accessibility requirements. The same case for the developers to access the tool and know the attributes of the interface elements that need intervention to make them accessible. These attributes were previously listed according to the WCAG accessibility level A (Web Content Accessibility Guidelines). After the development, tests were carried out with the users of the system and seen the potential of the DAI to document and communicate the attributes of accessibility between designers and developers without much experience in accessible systems design.