Tillgänglighet i utvecklingsfasen: En multi-metodisk studie i tillgänglighet på webben och i JavaScript
2021 (Swedish)Independent thesis Basic level (university diploma), 5 credits / 7,5 HE credits
Student thesisAlternative title
Accessibility in the development phase : A multi-method study in accessibility on the web and in JavaScript (English)
Abstract [en]
This paper is about accessibility on the web and more specific, in JavaScript and it’s different frameworks. We set out to explore accessibility in the four most popular frameworks and through an iteration process ended up focusing on React and the tool Eslint, comparing two versions of the same application, one that has the standard Eslint configuration and the other with an a11y-plugin with strict rules to see if there was an increase in performance and accessibility score. To test this out and gather data, we usedthree of the most popular web browser-integrated testing tools for the Google Chrome browser: Lighthouse, WAVE and aXe DevTools.We discovered that using such a simple tool as Eslint together with the a11y-plugin have a significant impact on the accessibility of a website/application.
Abstract [sv]
Den här studien handlar om tillgänglighet på webben, mer specifikt om tillgänglighet i JavaScript och dess ramverk. Vi ville utforska tillgängligheten i dom fyra mest populära ramverken, och genom en iterations-process, begränsade vi oss till att fokusera på React och verktyget Eslint. Vi jämförde två versioner av samma applikation, en som har Eslint med standardkonfiguration och den andra med a11y-plugin med strikta regler för att se om det blev en ökning i prestanda och tillgänglighet. För att testa och samla data använde vi oss av dom tre mest populära testverktygen för Google Chrome som är integrerade direkt i webbläsaren i form av plugins: Lighthouse, Wave och aXe DevTools.Våra resultat visade att genom att använda ett så enkelt verktyg som Eslint tillsammans med a11y-pluginet, ökade tillgängligheten av webbsidan/applikationen markant.
Place, publisher, year, edition, pages
2021. , p. 28
Keywords [en]
Accessibility, JavaScript, Frameworks, Eslint, a11y-plugin
Keywords [sv]
Tillgänglighet, JavaScript, Ramverk, Eslint, ally-plugin
National Category
Information Systems
Identifiers
URN: urn:nbn:se:hv:diva-17532Local ID: EXB340OAI: oai:DiVA.org:hv-17532DiVA, id: diva2:1600240
Subject / course
Informatics
Educational program
Webmaster
Supervisors
Examiners
2021-10-182021-10-042021-10-18Bibliographically approved