Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Tillgänglighet i utvecklingsfasen: En multi-metodisk studie i tillgänglighet på webben och i JavaScript
University West, School of Business, Economics and IT, Division of Media and Design.
University West, School of Business, Economics and IT, Division of Media and Design.
2021 (Swedish)Independent thesis Basic level (university diploma), 5 credits / 7,5 HE creditsStudent 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
Available from: 2021-10-18 Created: 2021-10-04 Last updated: 2021-10-18Bibliographically approved

Open Access in DiVA

No full text in DiVA

By organisation
Division of Media and Design
Information Systems

Search outside of DiVA

GoogleGoogle Scholar

urn-nbn

Altmetric score

urn-nbn
Total: 242 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf