The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web

Renan Soares Germano; Maria Amelia Eliseo

doi:10.29333/jisem/9662

Full Text (PDF)

Renan Soares Germano ¹ ^* , Maria Amelia Eliseo ¹

More Detail

¹ Mackenzie Presbyterian University, São Paulo, BRAZIL
^* Corresponding Author

Abstract

This article presents the process of creating a framework for the front-end development of web applications with accessibility for the visually impaired and responsivity. As a result, Acceasy was created. Its operation, some examples and its contributions to web application developers and end users are presented. The framework created proved to be able to generate web pages with responsivity support, semantic codes and use of accessibility markings automatically, thus facilitating the work of developers. The pages created with the tool also show improvements in accessibility, giving support to screen readers and keyboard navigation. The framework is still in development. Some validations still need to be made and at the end, future works are listed.

Keywords

accessibility
responsiveness
web applications

License

This is an open access article distributed under the Creative Commons Attribution License which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.

Article Type: Research Article

https://doi.org/10.29333/jisem/9662

J INFORM SYSTEMS ENG, 2021 - Volume 6 Issue 2, Article No: em0138

Publication date: 23 Jan 2021

Article Views: 101

Article Downloads: 88

Open Access References How to cite this article

References

Atkins, T., Etemad, E. J. and Rivoal, F. (2019). CSS Snapshot 2018. WWW Consortium (W3C). Available at: https://www.w3.org/TR/css-2018/
Caldwell, B., Cooper, M., Reid, L. G., Vanderheiden, G., Chisholm, W., Slatin, J. and White, J. (2008). Web content accessibility guidelines (WCAG) 2.0. WWW Consortium (W3C). Available at: https://www.w3.org/TR/WCAG20/
Carver, M. (2014). The responsive web. New York: Manning Publications.
Centre for Excellence in Universal Design. (2020). What is universal design. Retrieved from http://universaldesign.ie/What-is-Universal-Design
Chisholm, W., Vanderheiden, G. and Jacobs, I. (2001). Web content accessibility guidelines 1.0. Interactions, 8(4), 35-54. https://doi.org/10.1145/379537.379550
Diggs, J., McCarron, S., Cooper, M., Schwerdtfeger, R. and Craig, J. (2017). Accessible Rich Internet Applications (WAI-ARIA) 1.1. WWW Consortium (W3C). Available at: https://www.w3.org/TR/wai-aria/
Ecma International. (2020). Language Specification. Retrieved form https://tc39.es/ecma262/
Faulkner, S., Eicholz, A., Leithead, T., Danilo, A., Moon, S., Navara, E. D., O'Connor, T. and Berjon, R. (2017). HTML 5.2. WWW Consortium (W3C). Available at: https://www.w3.org/TR/html52/
Germano, R. S., & Eliseo, M. A. (2020, June). Acceasy-A front-end framework prototype for developing responsive web applications with accessibility for visually impaired people. In 2020 15th Iberian Conference on Information Systems and Technologies (CISTI) (pp. 1-6). IEEE. https://doi.org/10.23919/CISTI49556.2020.9141063
Henry, S. L. (2009). How WCAG 2.0 differs from WCAG 1.0. Web Accessibility Initiative (WAI). Available at: https://www.w3.org/WAI/WCAG20/from10/diff.php
Kemp, S. (2018). Digital in 2018: world’s internet users pass the 4 billion mark. Retrieved from https://wearesocial.com/blog/2018/01/global-digital-report-2018
Kirkpatrick, A., Connor, J. O., Campbell, A., Cooper, M., Caldwell, B., Reid, L. G., Vanderheiden, G., Chisholm, W., Slatin, J. and White, J. (2018). Web Content Accessibility Guidelines (WCAG) 2.1. WWW Consortium (W3C). Available at: https://www.w3.org/TR/WCAG21/
Mahmud, P. B. (2016). Um framework para apoiar o desenvolvimento de aplicações on-line acessíveis. São Carlos - SP: Universidade Federal De São Carlos. Available at: https://repositorio.ufscar.br/bitstream/handle/ufscar/8581/DissPBM.pdf?sequence=1&isAllowed=y
MDN. (2020). HTML: A good basis for accessibility. Retrieved from https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML
Mueller, M. J., Jolly, R., Eggert, E., Brewer, J., Henry, S. L. and Sutton, J. (2018). Web Accessibility Laws & Policies. WWW Consortium (W3C). Available at: https://www.w3.org/WAI/policies/
Peri, R. S. (2020). Accessible UI Component Libraries Roundup. Retrieved from https://www.digitala11y.com/accessible-ui-component-libraries-roundup/
PUXL framework. (2020). Build the Accessible Web with PUXL Framework. Retrieved from https://puxl.io
Resnikoff, S., Pascolini, D., Etya'Ale, D., Kocur, I., Pararajasegaram, R., Pokharel, G. P., & Mariotti, S. P. (2004). Global data on visual impairment in the year 2002. Bulletin of the world health organization, 82, 844-851. Available at: https://apps.who.int/iris/bitstream/handle/10665/263950/PMC2486591.pdf?sequence=1&isAllowed=y
Scheuhammer, J., Cooper, M., Snow-Weaver, A. and Leventhal, A. (2014). WAI-ARIA 1.0 User Agent Implementation Guide. A user agent developer's guide to understanding and implementing Accessible Rich Internet Applications. WWW Consortium (W3C). Available at: https://www.w3.org/TR/wai-aria-implementation/
Thylefors, B., Negrel, A. D., Pararajasegaram, R., & Dadzie, K. Y. (1995). Global data on blindness. Bulletin of the world health organization, 73(1), 115. Available at: https://apps.who.int/iris/bitstream/handle/10665/263950/PMC2486591.pdf?sequence=1&isAllowed=y
Turretcss. (2020). Turretcss - a responsive front-end framework for accessible and semantic websites. Retrieved from https://turretcss.com/
U.S. Government. (2018). Section508.gov About US. Retrieved from: https://www.section508.gov/about-us
United Nations. (2006). Convention on the Rights of Persons with Disabilities (CRPD). New York: United Nations Headquarters. Retrieved from https://www.un.org/development/desa/disabilities/convention-on-the-rights-of-persons-with-disabilities.html
United Nations. (2013a). Accessibility and Development – Mainstreaming disability in the post-2015 development agenda. New York: United Nations Headquarters. Retrieved from https://www.un.org/disabilities/documents/accessibility_and_development.pdf
United Nations. (2013b). Transforming our world: the 2030 agenda for sustainable development. New York: United Nations Headquarters. Retrieved from https://sustainabledevelopment.un.org/content/documents/21252030%20Agenda%20for%20Sustainable%20Development%20web.pdf
World Health Organization. (2012). Global data on visual impairments 2010. Geneva, Switzerland: World Health Organization. Available at: https://www.who.int/blindness/GLOBALDATAFINALforweb.pdf
World Health Organization. (2020a). Disability and Health. Retrieved from https://www.who.int/en/news-room/fact-sheets/detail/disability-and-health
World Health Organization. (2020b). World report on vision. Geneva: World Health Organization. Retrieved from https://www.who.int/publications/i/item/world-report-on-vision
World Health Organization. (2020c). Global Cooperation on Assistive Technology (GATE). Retrieved from https://www.who.int/disabilities/technology/gate/en/
World Health Organization., & World Bank. (2011). World report on disability. Geneva, Switzerland: World Health Organization. Retrieved from https://www.who.int/publications/i/item/world-report-on-disability
Zahra, S. A. and Brewer, J. (2017). Tools and Techniques. In How People with Disabilities Use the Web. WWW Consortium (W3C). Available at: https://www.w3.org/WAI/people-use-web/tools-techniques/

How to cite this article

Vancouver

Germano RS, Eliseo MA. The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web. J INFORM SYSTEMS ENG. 2021;6(2):em0138. https://doi.org/10.29333/jisem/9662

APA

Germano, R. S., & Eliseo, M. A. (2021). The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web. Journal of Information Systems Engineering and Management, 6(2), em0138. https://doi.org/10.29333/jisem/9662

AMA

Germano RS, Eliseo MA. The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web. J INFORM SYSTEMS ENG. 2021;6(2), em0138. https://doi.org/10.29333/jisem/9662

Chicago

Germano, Renan Soares, and Maria Amelia Eliseo. "The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web". Journal of Information Systems Engineering and Management 2021 6 no. 2 (2021): em0138. https://doi.org/10.29333/jisem/9662

Harvard

Germano, R. S., and Eliseo, M. A. (2021). The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web. Journal of Information Systems Engineering and Management, 6(2), em0138. https://doi.org/10.29333/jisem/9662

MLA

Germano, Renan Soares et al. "The Creation Process of the Acceasy: A Framework for Creating Front-ends that are Accessible for Visually Impaired People in the Web". Journal of Information Systems Engineering and Management, vol. 6, no. 2, 2021, em0138. https://doi.org/10.29333/jisem/9662