Í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

Authors

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

Keywords:

Technology, Accessibility, Information Design, Graphical interfaces, Iconography

Abstract

Introduction: Interface icons are graphic elements that help convey abstract and operational concepts throughmetaphors and associations. However, interface icons are not accessible to people with visual impairments and can be confusing for individuals with cognitive limitations or low digital literacy. Therefore, this study aims to investigate how interface icons can be made more accessible in graphical interfaces. Method: A comparative analysis of Apple and Google's icons and accessibility guidelines was conducted through content analysis, using the World Wide Web Consortium principles (2023) as comparison parameters. Results: Seven requirements for accessible interface icons were defined, including the use of labeling and the adoption of universal and intuitive icons. Conclusions: Although accessibility guidelines are primarily intended for people with disabilities, they address aspects that should be considered for all users. Therefore, we can affirm that accessibility is an integral part of good design.

Author Biographies

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.

References

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/