Making Websites More Accessible For Blind People With Automatic HTML Code Transformations

  • Ana Ferreira UFAL
  • Márcio Ribeiro UFAL


The Brazilian Inclusion Law (LBI) establishes mandatory accessibility rules on all websites. However, only 0.74% of the Brazilian websites meet the accessibility rules. Existing tools are capable of identifying accessibility problems (e.g., lack of images descriptions, lack of language information etc) when considering blind people that use screen readers to navigate on websites. Nevertheless, these tools do not provide transformations to remove the problems. To minimize this scenario, in this paper we introduce a preliminary catalog and a Visual Studio Code IDE plugin to make websites more accessible. The catalog presents some transformations on HTML code and the plugin implement them. We evaluate our catalog and plugin in a two-fold empirical study: with online evaluators, that are capable of scoring HTML code in terms of accessibility; and with eight blind people. The results show that the catalog and plugin can reduce the number of critical errors in terms of accessibility and that the majority of the blind participants was able to identify our improvements.

Palavras-chave: Aspectos humanos e sociais da engenharia de software, Engenharia de software experimental, Manutenção e evolução de software


All, W. M. F. (2020). Methodology used in the study of accessibility on active websites (brazil, 2020). Technical report.

Alshayban, A., Ahmed, I., and Malek, S. (2020). Accessibility issues in android apps: State of affairs, sentiments, and ways forward. In Proceedings of the ICSE, page 1323–1334. ACM.

Brazil (2000). Law no. 10,098, of december 19, 2000. Diário Oficial da República Federativa do Brasil.

Brazil (2015). Law no. 13,146, of july 6, 2015. Diário Oficial da República Federativa do Brasil.

Calvo, R., Seyedarabi, F., and Savva, A. (2016). Beyond web content accessibility guidelines: Expert accessibility reviews. In Proceedings of the DSAI, page 77–84. ACM.

Consortium, W. W. W. (2013). Web accessibility booklet - w3c. Technical report.

Consortium, W. W. W. (2018). Web content accessibility guidelines (wcag) 2.1. Technical report.

George E. P. Box, J. S. H. and Hunter, W. G. (2005). Statistics for Experimenters: design, innovation, and discovery. Wiley-Interscience.

Jeong, H., Chun, M., Lee, H., Oh, S. Y., and Jung, H. (2023). Wataa: Web alternative text authoring assistant for improving web content accessibility. In Companion Proceedings of IUI, page 41–45. ACM.

Rodríguez Vázquez, S. (2016). Measuring the impact of automated evaluation tools on alternative text quality: A web translation study. In Proceedings of the W4A. ACM.

Syed Masum Billah, Vikas Ashok, D. E. P. I. R. (2018). Steeringwheel: A locality-preserving magnification interface for low vision web browsing. ACM DL, pages 3–9.

Systems, D. (2021). axe accessibility linter. [Accessed Aug 02, 2023].

van der Schee, M. (2018). Web accessibility. [Accessed Aug 02, 2023].
FERREIRA, Ana; RIBEIRO, Márcio. Making Websites More Accessible For Blind People With Automatic HTML Code Transformations. In: CONCURSO DE TRABALHOS DE INICIAÇÃO CIENTÍFICA EM ENGENHARIA DE SOFTWARE(CTIC-ES) - CONGRESSO BRASILEIRO DE SOFTWARE: TEORIA E PRÁTICA (CBSOFT), 14. , 2023, Campo Grande/MS. Anais [...]. Porto Alegre: Sociedade Brasileira de Computação, 2023 . p. 70-79. DOI: