Skräddarsydd prototyp för kognitiv tillgänglighet på kommunala hemsidor

Abstract (Swedish)

Detta examensarbete utvecklar fram en skräddarsydd prototyp av en tillgänglig kommunal webbplats. Det innebär en kommunal webbplats som är anpassningsbar och lätt att navigera, speciellt för användare som tar hjälp av tillgänglighetsverktyg för att utforska webben.
För att kunna ta fram denna prototyp, utvecklades först två prototyper som var nära besläktade. Dessa två prototyper jämfördes sedan med varandra och en slutprototyp sammanställdes därefter utifrån bådas styrkor.
Målet med detta examensarbete är att slutprototypen ska kunna vara en utgångspunkt och diskussionsunderlag i organisationen Begripsams arbete att göra den kommunala webben mer begriplig och tillgänglig för alla.
Alla prototyper i detta examensarbete är framtagna efter internationella standarder och riktlinjer för tillgänglighet, samt grundläggande designprinciper som är gemensamma för hela webben. Detta kombinerat med tidigare forskning gjord av Begripsam resulterade i prototyper som kunde tillgänglighetstestas och mätas i hur väl de följer de lagar och riktlinjer som gäller idag.
Prototyperna skapades genom en iterativ utvecklingsprocess, där faserna Design, Programmering, Testning var de återkommande faserna i iterationen.
Testningen av prototyperna bestod av automatiska testverktyg - som axe DevTools och Google Chromes inbyggda DevTools, manuella testverktyg - som stegvis genomgång av sidorna med VoiceOver och olika justeringar av variabler i webbläsaren, samt en praktisk genomgång av prototyperna i form av en workshop. Workshopen var avgörande i sammanställningen av slutprototypen, då teori kombinerades med konkreta synpunkter och möjliga förbättringar från användare som upplever flest funktionshinder på webben.
Examensarbetet resulterade i en slutprototyp av en kommunal webbplats som inte bara anses tillgänglig enligt riktlinjer och standarder, utan även av användare som dagligen använder sig av hjälpmedel för att utforska webben.

Abstract

This thesis project brings forth a tailored working prototype of an accessible municipal website. This means a municipal website that is adjustable and easy to navigate, especially for users in need of accessibility tools to browse the web.
To create this prototype, we first created two separate prototypes that closely resembled each other. These two prototypes were then compared to each other and a final prototype was compiled from the strengths of the previous two.
The goal of this thesis project is that the final prototype should be able to be used as a base and discussion material in the organization Begripsam’s mission to make the municipal web more understandable and accessible for everyone.
All prototypes in this thesis project were created based on international standards and guidelines for accessibility, as well as basic design principles which are common throughout the web. This, in combination with previous research done by Begripsam resulted in prototypes that could be accessibility tested and measured in how well they follow the laws and guidelines that apply today.
The prototypes were created through an iterative development process, where the phases Design, Programming and Testing were the recurring phases in the iteration.
The testing of the prototypes consisted of automatic testing tools - such as axe DevTools and Google Chrome’s built-in DevTools, manual testing tools - such as a step by step review of the pages by VoiceOver and different adjustments of variables on the website, as well as a full practical review of the prototypes in a workshop. The workshop was crucial in the making of the final prototype, since theory was combined with actual opinions and possible improvements from users which face the most amount of obstacles on the web.
The thesis project resulted in a final prototype of a municipal website that not only is seen as accessible by guidelines and standards, but also by users that use accessibility tools daily to browse the web.

• author: Ludvigsson, David and Rasmusson, Mattias
• supervisor: Kirsten Rassmus-Gröhn
• organization: Certec - Rehabilitation Engineering and Design
• course: MAML05 20251
• year: 2025
• type: M2 - Bachelor Degree
• subject: Technology and Engineering
• keywords: kognitiv tillgänglighet, webbplats, iterativ utveckling, användar-workshop, begriplig
• language: Swedish
• id: 9192478
• date added to LUP: 2025-06-05 10:08:53
• date last changed: 2025-06-05 10:08:53