Color Contrast Compliance: Investigating Constrast Requirements in Brazilian Websites
Resumo
In Brazil, all websites available on mobile devices need to be accessible. ABNT NBR 17060 has several requirements that are considered legal and mandatory for all websites accessed on mobile devices. In this regard, this research analyzed the 250 most relevant websites in the country according to Semrush internet traffic service, to understand and report adherence to the color contrast requirement in the primary buttons of these Brazilian websites, which is one of the mandatory requirements of the technical standard. The analysis was done manually, considering the background color of the primary button and its typeface. Other aspects were analyzed, such as the website’s purpose and the button’s purpose. The significant results show that even among the most relevant websites, 34% (85) of them do not follow the required contrast parameter in the primary button of the site. The two most problematic colors are Orange (20%, 17) and Light Blue (18.8%, 16). The most problematic combination between button color and font is Orange and White (23.5%, 20), followed by White and Light Blue (22.%, 19). Results show that there may be a preference for matching the color used in the product or service brand with the color used in the button, rather than following accessibility parameters regarding contrast. On the positive side, 66% (165) of the websites comply with ABNT NBR 17060 when observing contrast aspects by looking at the button’s background and font colors. There are sectors less and more affected by the contrast situation. The best sectors analyzed are Search Engines and Streaming, where all analyzed websites follow the necessary parameters. On the other hand, there is no adherence to the norm in Recipe and Religious websites. In conclusion, there is still a need to improve and advocate for more accessible websites in Brazil, as even the top 250 do not fully respect the ABNT standard in favor of people with visual disabilities.
Palavras-chave:
Accessibility, HCI, ABNT NBR 17060, Legal Requirements
Referências
Brasil. 1990. Lei nº 8.078, de 11 de setembro de 1990, Dispõe sobre a proteção do consumidor e dá outras providências. Diário Oficial da União (1990).
Brasil. 2004. LEGISLAÇÃO CITADA ANEXADA PELA COORDENAÇÃO DE ESTUDOS LEGISLATIVOS CEDI DECRETO N.º 5.296, DE 02 DE DEZEMBRO DE 2004. Diário Oficial da União (2004).
Brasil. 2015. Lei nº 13.146, de 6 de julho de 2015, Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência). Diário Oficial da União (2015).
E. H. Da Costa Nunes. 2022. Heuristics for Computer-Mediated Human Interactions Based on Consumer Rights. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 18, 11 pages.
Erik Henrique Da Costa Nunes and Ingrid Teixeira Monteiro. 2024. Exploring the Accessibility Legal Landscape: Accessibility requirements in mobile applications according to ABNT NBR 17060. In Proceedings of the XXII Brazilian Symposium on Human Factors in Computing Systems (Maceió, Brazil) (IHC ’23). Association for Computing Machinery, New York, NY, USA, Article 18, 11 pages.
Erik Henrique Da Costa Nunes, Guilherme Vital Ribeiro, Ingrid Teixeira Monteiro, and Enyo Gonçalves. 2024. Digital Accessibility at the Brazilian Symposium on Human Factors in Computing Systems (IHC): An Updated Systematic Literature Review. In Proceedings of the XXII Brazilian Symposium on Human Factors in Computing Systems (Maceió, Brazil) (IHC ’23). Association for Computing Machinery, New York, NY, USA, Article 51, 15 pages.
Cláudia Ferreira da Silva, Simone B. Leal Ferreira, and Carolina Sacramento. 2018. Mobile Application Accessibility in the Context of Visually Impaired Users. In Proceedings of the 17th Brazilian Symposium on Human Factors in Computing Systems (Belém, Brazil) (IHC 2018). Association for Computing Machinery, New York, NY, USA, Article 32, 10 pages.
ssociação Brasileira de Normas Técnicas ANBT. 2022. ABNT NBR 17060: Acessibilidade em aplicativos de dispositivos móveis Requisitos. ABNT.
Gabriela Amaral Araújo de Oliveira, Raphael Winckler de Bettio, and André Pimenta Freire. 2016. Accessibility of the Smart Home for Users with Visual Disabilities: An Evaluation of Open Source Mobile Applications for Home Automation. In Proceedings of the 15th Brazilian Symposium on Human Factors in Computing Systems (São Paulo, Brazil) (IHC ’16). Association for Computing Machinery, New York, NY, USA, Article 29, 10 pages.
Cleusa de F. Granatto, Marynea A. P. Pallaro, and Sílvia Amélia Bim. 2016. Digital Accessibility: Systematic Review of Papers from the Brazilian Symposium on Human Factors in Computer Systems. In Proceedings of the 15th Brazilian Symposium on Human Factors in Computing Systems (São Paulo, Brazil) (IHC ’16). Association for Computing Machinery, New York, NY, USA, Article 21, 10 pages.
Fabiana Guerra and Mirela Terce. 2020. Design digital: conceitos e aplicações para websites, animações, vídeos e webgames. Editora Senac São Paulo.
Jonathan Lazar. 2019. Web Accessibility Policy and Law. Springer London, London, 247–261.
Delvani Antônio Mateus, Carlos Alberto Silva, Marcelo Medeiros Eler, and André Pimenta Freire. 2020. Accessibility of Mobile Applications: Evaluation by Users with Visual Impairment and by Automated Tools. In Proceedings of the 19th Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’20). Association for Computing Machinery, New York, NY, USA, Article 4, 10 pages.
Felipe da Cruz Nery, Áquila Porfírio dos Santos, Beatriz Favini Chicaroni, Juliana Cristina Braga, André Luiz Brandáo, and João Paulo Gois. 2022. Customization Guidelines for Mobile Applications from a Universal Design Perspective. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 11, 11 pages.
Isa Maria Paiva, Sean Siqueira, and Simone Bacellar Leal Ferreira. 2021. The Windows 10’s Color Filter Feature as an Aid for Color Blind People in the Use of Websites. In Proceedings of the XX Brazilian Symposium on Human Factors in Computing Systems (Virtual Event, Brazil) (IHC ’21). Association for Computing Machinery, New York, NY, USA, Article 46, 11 pages.
Mateus Pinheiro, Windson Viana, Rossana M. C. Andrade, and Ticianne Darin. 2021. Flying Colors: Using Color Blindness Simulations in the Development of Accessible Mobile Games. In Proceedings of the XX Brazilian Symposium on Human Factors in Computing Systems (Virtual Event, Brazil) (IHC ’21). Association for Computing Machinery, New York, NY, USA, Article 24, 11 pages.
Clemer Silva, Lucas Oliveira, Matheus Silva, and Tiago Nogueira. 2023. Acessibilidade para Pessoas Cegas: Avaliação de Compatibilidade do TalkBack com a ABNT NBR 17060. In Anais do VIII Workshop sobre Aspectos Sociais, Humanos e Econômicos de Software (João Pessoa/PB). SBC, Porto Alegre, RS, Brasil, 61–70.
Ingrid M. Miranda da Silva, Luciano Arruda Teran, and Marcelle Pereira Mota. 2022. Accessibility Assessment of Violations on the Stack Overflow Platform. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 34, 7 pages.
Luciano Arruda Teran, Alan Trindade de Almeida Silva, Giselle LORRANE NOBRE MELO, and Marcelle Pereira Mota. 2021. A STUDY ON DISCOVERING ACCESSIBILITY ISSUES IN THE SOFTWARE DEVELOPMENT PROCESS. CONTECSI International Conference on Information Systems and Technology Management (2021).
R. Williams. 2005. Design para quem não é designer. Callis.
Brasil. 2004. LEGISLAÇÃO CITADA ANEXADA PELA COORDENAÇÃO DE ESTUDOS LEGISLATIVOS CEDI DECRETO N.º 5.296, DE 02 DE DEZEMBRO DE 2004. Diário Oficial da União (2004).
Brasil. 2015. Lei nº 13.146, de 6 de julho de 2015, Institui a Lei Brasileira de Inclusão da Pessoa com Deficiência (Estatuto da Pessoa com Deficiência). Diário Oficial da União (2015).
E. H. Da Costa Nunes. 2022. Heuristics for Computer-Mediated Human Interactions Based on Consumer Rights. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 18, 11 pages.
Erik Henrique Da Costa Nunes and Ingrid Teixeira Monteiro. 2024. Exploring the Accessibility Legal Landscape: Accessibility requirements in mobile applications according to ABNT NBR 17060. In Proceedings of the XXII Brazilian Symposium on Human Factors in Computing Systems (Maceió, Brazil) (IHC ’23). Association for Computing Machinery, New York, NY, USA, Article 18, 11 pages.
Erik Henrique Da Costa Nunes, Guilherme Vital Ribeiro, Ingrid Teixeira Monteiro, and Enyo Gonçalves. 2024. Digital Accessibility at the Brazilian Symposium on Human Factors in Computing Systems (IHC): An Updated Systematic Literature Review. In Proceedings of the XXII Brazilian Symposium on Human Factors in Computing Systems (Maceió, Brazil) (IHC ’23). Association for Computing Machinery, New York, NY, USA, Article 51, 15 pages.
Cláudia Ferreira da Silva, Simone B. Leal Ferreira, and Carolina Sacramento. 2018. Mobile Application Accessibility in the Context of Visually Impaired Users. In Proceedings of the 17th Brazilian Symposium on Human Factors in Computing Systems (Belém, Brazil) (IHC 2018). Association for Computing Machinery, New York, NY, USA, Article 32, 10 pages.
ssociação Brasileira de Normas Técnicas ANBT. 2022. ABNT NBR 17060: Acessibilidade em aplicativos de dispositivos móveis Requisitos. ABNT.
Gabriela Amaral Araújo de Oliveira, Raphael Winckler de Bettio, and André Pimenta Freire. 2016. Accessibility of the Smart Home for Users with Visual Disabilities: An Evaluation of Open Source Mobile Applications for Home Automation. In Proceedings of the 15th Brazilian Symposium on Human Factors in Computing Systems (São Paulo, Brazil) (IHC ’16). Association for Computing Machinery, New York, NY, USA, Article 29, 10 pages.
Cleusa de F. Granatto, Marynea A. P. Pallaro, and Sílvia Amélia Bim. 2016. Digital Accessibility: Systematic Review of Papers from the Brazilian Symposium on Human Factors in Computer Systems. In Proceedings of the 15th Brazilian Symposium on Human Factors in Computing Systems (São Paulo, Brazil) (IHC ’16). Association for Computing Machinery, New York, NY, USA, Article 21, 10 pages.
Fabiana Guerra and Mirela Terce. 2020. Design digital: conceitos e aplicações para websites, animações, vídeos e webgames. Editora Senac São Paulo.
Jonathan Lazar. 2019. Web Accessibility Policy and Law. Springer London, London, 247–261.
Delvani Antônio Mateus, Carlos Alberto Silva, Marcelo Medeiros Eler, and André Pimenta Freire. 2020. Accessibility of Mobile Applications: Evaluation by Users with Visual Impairment and by Automated Tools. In Proceedings of the 19th Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’20). Association for Computing Machinery, New York, NY, USA, Article 4, 10 pages.
Felipe da Cruz Nery, Áquila Porfírio dos Santos, Beatriz Favini Chicaroni, Juliana Cristina Braga, André Luiz Brandáo, and João Paulo Gois. 2022. Customization Guidelines for Mobile Applications from a Universal Design Perspective. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 11, 11 pages.
Isa Maria Paiva, Sean Siqueira, and Simone Bacellar Leal Ferreira. 2021. The Windows 10’s Color Filter Feature as an Aid for Color Blind People in the Use of Websites. In Proceedings of the XX Brazilian Symposium on Human Factors in Computing Systems (Virtual Event, Brazil) (IHC ’21). Association for Computing Machinery, New York, NY, USA, Article 46, 11 pages.
Mateus Pinheiro, Windson Viana, Rossana M. C. Andrade, and Ticianne Darin. 2021. Flying Colors: Using Color Blindness Simulations in the Development of Accessible Mobile Games. In Proceedings of the XX Brazilian Symposium on Human Factors in Computing Systems (Virtual Event, Brazil) (IHC ’21). Association for Computing Machinery, New York, NY, USA, Article 24, 11 pages.
Clemer Silva, Lucas Oliveira, Matheus Silva, and Tiago Nogueira. 2023. Acessibilidade para Pessoas Cegas: Avaliação de Compatibilidade do TalkBack com a ABNT NBR 17060. In Anais do VIII Workshop sobre Aspectos Sociais, Humanos e Econômicos de Software (João Pessoa/PB). SBC, Porto Alegre, RS, Brasil, 61–70.
Ingrid M. Miranda da Silva, Luciano Arruda Teran, and Marcelle Pereira Mota. 2022. Accessibility Assessment of Violations on the Stack Overflow Platform. In Proceedings of the 21st Brazilian Symposium on Human Factors in Computing Systems (Diamantina, Brazil) (IHC ’22). Association for Computing Machinery, New York, NY, USA, Article 34, 7 pages.
Luciano Arruda Teran, Alan Trindade de Almeida Silva, Giselle LORRANE NOBRE MELO, and Marcelle Pereira Mota. 2021. A STUDY ON DISCOVERING ACCESSIBILITY ISSUES IN THE SOFTWARE DEVELOPMENT PROCESS. CONTECSI International Conference on Information Systems and Technology Management (2021).
R. Williams. 2005. Design para quem não é designer. Callis.
Publicado
07/11/2024
Como Citar
DA COSTA NUNES, Erik Henrique; CASTRO, Kézia Victória Galdino de; ANJOS, Esdras Levy de Freitas dos; SILVA, Pedro Victor de Sousa; MONTEIRO, Ingrid Teixeira.
Color Contrast Compliance: Investigating Constrast Requirements in Brazilian Websites. In: SIMPÓSIO BRASILEIRO SOBRE FATORES HUMANOS EM SISTEMAS COMPUTACIONAIS (IHC), 23. , 2024, Brasília/DF.
Anais [...].
Porto Alegre: Sociedade Brasileira de Computação,
2024
.
p. 258-272.
