Ícones de interface acessíveis: um estudo comparativo das diretrizes da Apple e da Google com relação à ícones e à acessibilidade

Mariana Couto e Silva; Vinicius Gadis Ribeiro

doi:10.5380/atoz.v14.97677

Autores/as

Mariana Couto e Silva Universidade Federal do Rio Grande do Sul https://orcid.org/0000-0002-6041-7794
Vinicius Gadis Ribeiro Universidade Federal do Rio Grande do Sul https://orcid.org/0000-0001-7727-2088

DOI:

https://doi.org/10.5380/atoz.v14.97677

Palabras clave:

Tecnologia, Acessibilidade, Design da Informação, Interfaces gráficas, Iconografia

Resumen

Introdução: Os ícones de interface são elementos gráficos que possibilitam a compreensão de conceitos abstratos e operacionais por meio da utilização de metáforas e associações. No entanto, os ícones de interface não são acessíveis para pessoas com deficiências visuais e podem ser confusos para pessoas com limitações cognitivas ou baixo letramento digital. Assim, o objetivo deste estudo é investigar como os ícones de interface podem ser mais acessíveis em interfaces gráficas. Método: Foi realizada uma análise comparativa das diretrizes de ícones e de acessibilidade da Apple e da Google, por meio de análise de conteúdo e a utilização dos princípios da World Wide Web Consortium (2023) como parâmetros de comparação. Resultados: foram definidos sete requisitos de ícones de interface acessíveis, como o uso de rotulação e a utilização de ícones universais e intuitivos. Conclusão: As diretrizes de acessibilidade, por mais que sejam destinadas a pessoas com deficiência, falam sobre aspectos que deveriam ser levados em conta para todas as pessoas. Portanto, podemos afirmar que a acessibilidade faz parte de um bom projeto.

Biografía del autor/a

Mariana Couto e Silva, Universidade Federal do Rio Grande do Sul

Doutoranda em Design pela Universidade Federal do Rio Grande do Sul (UFRGS), pesquisando sobre estilos visuais de ícones de interface. É mestre em Design pela Universidade Federal do Rio Grande do Sul (UFRGS) e bacharel em Design Gráfico pela Universidade Federal de Pelotas (UFPel). Atualmente é bolsista da CAPES. Atuou como Designer Instrucional no Instituto Federal do Rio Grande do Sul- IFSUL, tendo tirado primeiro lugar no Edital PROEN/PROEX N 19/2021. Atuou como Designer Gráfico na Camejo Comunicação (2017-2018). Foi bolsista de ensino e monitora dos cursos de Design da UFPel (2016-2017) e participou da Designeria Empresa Júnior como presidente (2016-2017) e colaboradora (2014-2017).

Vinicius Gadis Ribeiro, Universidade Federal do Rio Grande do Sul

Possui graduação em Ciências Náuticas pelo Ministério da Marinha (1984), graduação em Ciência da Computação pela Universidade Federal do Rio Grande do Sul (1994), mestrado em Administração pela Universidade Federal do Rio Grande do Sul (1997) e doutorado em Ciência da Computação pela Universidade Federal do Rio Grande do Sul (2005). Atualmente, é professor adjunto do Departamento Interdisciplinar do Campus Litoral Norte da Universidade Federal do Rio Grande do Sul e pertence ao quadro permanente do PPGDesign da mesma universidade. Atuou no Mestrado em Design do Centro Universitário Ritter dos Reis, na área de concentração Design, Educação e Tecnologia. Coordenou o curso de Especialização em Tecnologias Aplicadas a Sistemas de Informação com Métodos Ágeis do UniRitter (2009-2011). Coordenou o Programa de Pós-graduação em Design do Centro Universitário Ritter dos Reis (2011-2015), tendo sido coordenador adjunto em 2017 e 2018. Foi Coordenador Institucional do Programa Ciência sem Fronteiras no UniRitter (2011-2012). É consultor ad-hoc da Fundação de Amparo à Pesquisa do Estado do Rio Grande do Sul (FAPERGS), na área de Ciência da Computação, e na CAPES, área 29. Membro da comissão de avaliação de periódicos da CAPES, área 29, desde 2015. Membro da Comissão de Avaliação Quatrienal, área 29, período 2016-2020. Coordenador Adjunto do Programa de Pós-Graduação em Design da UFRGS (2022-2023) Atua nas áreas de Projetos de Segurança Computacional, Métodos de Pesquisa, emprego de Modelos Matemáticos para Otimização de Projetos, emprego de Modelos Matemáticos para Simulações de Fenômenos, Educação em Design e Impactos da Cultura em Design.

Citas

Apple. (2024). Developer: Human Interface Guidelines. https://developer.apple.com/design/human-interface-guidelines

Bardin, L. (2011). Análise de Conteúdo. São Paulo: Edições 70.

Lei nº 13.146, de 6 de julho de 2015. (2015). Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência). Brasília, Distrito Federal. https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2015/lei/l13146.htm

Cardoso, M. C.; Gonçalves, B. S.; & Oliveira, S. R. (2013). Avaliação de ícones para interface de um sistema médico on-line. InfoDesign - Revista Brasileira de Design da Informação, 10(1), 70-83. https://doi.org/10.51358/id.v10i1.177

Domingues, D. G. (2001). O Uso de Metáforas na Computação. Dissertação (Mestrado) – Escola de Comunicações e Artes, Universidade de São Paulo, São Paulo.

Gomes, D.; & Quaresma, M. (2018). Introdução ao Design Inclusivo. Curitiba: Appris.

Grilo, A. (2019). Experiência do usuário em interfaces digitais: compreendendo o design nas tecnologias de informação. Natal: SEDIS-UFRN.

Google. (2014). Material Design. https://m3.material.io/

Mounter, D.; Suarez, M.; Stanfield, R.; Sylor-miller, K.; & Anne, J. (2019). Design Systems Handbook. InVision.

Organização Internacional do Trabalho. Ministério Público do Trabalho. (2020). Incluir: o que, como e por que fazer? https://www.ilo.org/sites/default/files/wcmsp5/groups/public/@americas/@ro-lima/@ilo-brasilia/documents/publication/wcms_821892.pdf

World Wide Web Consortium [W3C]. (2026). Web Content Accessibility Guidelines (WCAG) 2.1. https://www.w3.org/TR/WCAG21/