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änglig webbutveckling med ramverk
University West, School of Business, Economics and IT.
2022 (Swedish)Independent thesis Basic level (university diploma), 5 credits / 7,5 HE creditsStudent thesisAlternative title
Accessible web development with frameworks (English)
Abstract [en]

The web is an important media with essential information. It is therefore important that websites are accessible so that everyone can access the information. In this essay, I examine how popular frameworks help developers build accessible web applications. Itis a comparative study between three popular frameworks: React, Vue and Angular. The purpose of the report was to see if the frameworks detected accessibility problems. I tested by creating pages where each page represented an accessibility issue from the Web Content Accessibility Guidelines (WCAG). The frameworks were tested in their default configuration, then existing Node packages were installed to create an accessible development environment to compare with. The results showed that only React in its default configuration detected accessibility issues. The configured versions, however, detected all the tested accessibility issues. My conclusion is that frameworks are not accessible in their default configuration, but that it is possible with existing tools to create development environments that automatically detect accessibility issues

Abstract [sv]

Webben är en viktig kanal med väsentlig information. Det är därför viktigt att webbsidor är tillgängliga så att alla kan ta del av informationen. I den här uppsatsen undersöker jag hur populära ramverk hjälper utvecklare bygga tillgängliga webbapplikationer. Det är en komparativ studie mellan tre populära ramverk: React, Vue och Angular. Syftet med rapporten var att se om ramverken upptäckte tillgänglighetsproblem. Jag testade genom att skapa sidor där varje sida representerade ett tillgänglighetsproblem från Web Content Accessibility Guidelines (WCAG). Ramverken testades först i sin standardkonfiguration, sedan installerades existerande Node paket för att skapa en tillgängligare utvecklingsmiljö att jämför mot. Resultaten visade att endast React i sin standardkonfiguration upptäckte tillgänglighetsproblem. De konfigurerade versionerna upptäckte däremot alla de testade tillgänglighetsproblemen. Min slutsats är att ramverk inte är tillgängliga i sin standardkonfiguration, men att det är möjligt med existerande verktyg skapa utvecklingsmiljöer som automatiskt upptäcker tillgänglighetsproblem.

Place, publisher, year, edition, pages
2022. , p. 19
Keywords [en]
accessibility, framework, angular, react, vue, wave, mauve++, node, wcag
Keywords [sv]
tillgänglighet, ramverk, angular, react, vue, wave, mauve++, node, wcag
National Category
Information Systems, Social aspects
Identifiers
URN: urn:nbn:se:hv:diva-18946Local ID: EXB340OAI: oai:DiVA.org:hv-18946DiVA, id: diva2:1682639
Subject / course
Informatics
Educational program
Webmaster
Supervisors
Examiners
Available from: 2022-08-24 Created: 2022-07-11 Last updated: 2022-08-24Bibliographically approved

Open Access in DiVA

No full text in DiVA

By organisation
School of Business, Economics and IT
Information Systems, Social aspects

Search outside of DiVA

GoogleGoogle Scholar

urn-nbn

Altmetric score

urn-nbn
Total: 210 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