Prilagodba naprednih sučelja web-aplikacija normama pristupačnosti

master's thesis

• Title (english): Adaptation of advanced web application interfaces to accessibility standards
• Author: Lora Žuliček
• Mentor: Ivana Bosnić (mentor)
• Committee member: Ivana Bosnić (predsjednik povjerenstva)
• Committee member: Igor Čavrak (član povjerenstva)
• Committee member: Željka Car (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2020-07-15, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

Kako bi se osiguralo ravnopravno uključivanje i aktivnija uloga u društvu svih osoba bez obzira na vrstu i stupanj njihovog invaliditeta i/ili smanjene sposobnosti, u svrhu ovog rada napravljena je web-aplikacija za testiranje pristupačnosti web-sjedišta hrvatskih fakulteta (Fakulteta elektrotehnike i računarstva i Studija energetske učinkovitosti i obnovljivih izvora energije). Korištene su Javascript biblioteka React, biblioteke Bootstrap i FontAwesome i skriptni jezik pretprocesora SCSS. Web-sjedišta fakulteta implementirana su pomoću sustava za upravljanje sadržajem Quilt CMS te im se korisnička sučelja sastoje od modula. Da bi se dohvatili podaci o modulima, napravljene su posebne REST API metode, a za samo testiranje koriste se AATT (Automated Accessibility Testing Tool) API metode. Pristupačnost modula provjerava se prema smjernicama za pristupačnost Web Content Accessibility Guidelines (WCAG), Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA), Section508 te određenim stavkama iz prakse. Pomoću rezultata provjere, prilagođen je programski kôd odabranih modula platforme Quilt CMS kako bi sučelja web-sjedišta fakulteta bila više usklađena s navedenim normama.

Abstract (english)

In order to ensure equal inclusion and active role in society of all persons regardless of the type and degree of disability and / or reduced abilities, for the purpose of this thesis, a web-application was developed to test the accessibility of the websites of Croatian faculties (Faculty of Electrical Engineering and Computing and Study of Energy Efficiency and Renewable Sources). Javascript library React, libraries Bootstrap and FontAwesome and SCSS preprocessor scripting language were used. The faculty websites are implemented using the content management system Quilt CMS and their user interfaces consisting of modules. In order to retrieve module data, special REST API methods have been developed, and AATT (Automated Accessibility Testing Tool) API methods are used for testing. The accessibility of the module is checked according to the accessibility guidelines Web Content Access Guidelines (WCAG), Web Access Initiative - Affordable Rich Internet Applications (WAI-ARIA), Section508 and best practice items. Using the results of the analysis results, the program code of the selected modules of the Quilt CMS platform was adjusted so that the interfaces of the faculty website were more in line with the stated norms.

• Keywords: React; Bootstrap; FontAwesome; HTML; SCSS; norme pristupačnosti; W3C; WCAG; WAI-ARIA; Quilt CMS
• Keywords (english): React; Bootstrap; FontAwesome; HTML; SCSS; accessibility standards; W3C; WCAG; WAI-ARIA; Quilt CMS
• Language: croatian
• URN:NBN: urn:nbn:hr:168:548800
• Study programme: Title: Computing; Study programme type: university; Study level: graduate; Academic / professional title: magistar/magistra inženjer/inženjerka računarstva (magistar/magistra inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2023-01-13 10:55:45