In today’s digitized society, it is not big news that the internet use in Sweden is large but also increasing every year. A large amount of the users, approximately 7,5 million people, have impairments in areas such as movement, motor skills, reading, understanding, seeing, hearing, concentration and memory. With such a large amount of the population present on the internet, there is a form of responsibility. This responsibility is based on making the usage of the millions of websites that can be visited by a user accessible and easy to use. In this project a WordPress website is developed for a company. The focus of the project is to develop with accessibility as the basis. An agile work process with increments and iterations is used in the project. After conducting an audience analysis, a sitemap, wireframes and a moodboard were created. Images were photographed and optimized while other graphic material was created. After that, design sketches were created by following web guidelines and gestalt laws. The coding was planned with flow charts and the website was created statically and then dynamically. Finally the website was tested in regards to functionality, responsiveness, compatibility with different browsers and a number of user tests were also conducted. All tests imply that the project has met the goals that were set and that the accessibility of the website is thus perceived as adequate. Furthermore, the ethical aspects that have been taken into account during the course of the project have been discussed. Lastly problems that have arisen and how they have been resolved have been analyzed. A discussion consisting of future improvements and final thoughts of the project concludes the report. / I dagens digitaliserade samhälle är det ingen större nyhet att internetanvändningen runt om i Sverige är stor men också ökar för varje år. En stor del av användarna, ungefär 7,5 miljoner personer, har nedsättningar inom områden såsom rörelse, motorik, läsning, förståelse, seende, hörsel, koncentration och minne. Med en så stor andel av befolkningen närvarande på internet medför detta faktum ett ansvar. Detta ansvar grundar sig i att tillgängliggöra och förenkla användningen av de miljontals webbplatser som kan besökas av internetanvändare. I detta projekt utvecklas en WordPress-webbplats åt ett företag. Fokus i projektet är utveckling med tillgänglighet som grund. I projektet används en agil arbetsprocess med inkrement och iterationer. Efter att en målgruppsanalys genomförts skapades en sitemap, wireframes och en moodboard. Bilder fotograferades och optimerades medan annat grafiskt material skapades. Därefter skapades designskisser med användning av webbriktlinjer och gestaltlagar. Kodningen planerades med flödesscheman och därefter kodades webbplatsen först statiskt och därefter dynamiskt. Avslutningsvis testades webbplatsens funktionalitet, responsivitet, kompatibilitet i olika webbläsare och ett antal användartester gjordes. Samtliga tester visar att projektet uppfyllt de mål som satts och att tillgängligheten på webbplatsen alltså uppfattas som god. Vidare diskuteras de etiska aspekterna som har tagits hänsyn till under projektets gång. Sist analyseras problem som har uppstått och hur de har lösts, förslag till framtida förbättringar och slutsatser av hela projektet.

This report deals with the creation of Habit's website, which is aimed at private customers, habitsapp.eco. Habits is a small company in Gothenburg and they want to help companies, organizations and individuals to reduce their environmental impact in an easy and fun way. They have developed a web-based tool for this that will be launched in the fall of 2020 and the website created will be their "face out" for the tool aimed at private individuals. The report describes the steps and tools that were made and used to create this site. User stories have been made to get to know the user and identify their needs, sketches of the website have been made to easily illustrate how the site would look like and a sitemap has been created to know which pages the project should contain. How the creation has been done from HTML to Twig and the functionality behind things like menu, questions and answers section, support for multiple languages etc. Is brought up. In addition to this, tests have also been done by both me and my supervisor at Habits. Various tools have been used to ensure that the load time remains within an approved framework and tools such as the WAVE Evaluation Tool have been used to ensure the availability of the site. In the end, there is a finished product that fulfills Habit's purpose and hopefully is representative of their service and can draw users into their web-based tools. / Denna rapport behandlar skapandet av Habits webbplats som riktar sig till privatkunder, habitsapp.eco. Habits är ett mindre företag i Göteborg och de vill hjälpa företag, organisation och privatpersoner att minska sin miljöpåverkan på ett lätt och roligt sätt. De har utvecklat ett webbaserat verktyg för detta som kommer lanseras hösten 2020 och webbplatsen som skapas kommer vara deras ”ansikte utåt” för det verktyg som är riktat till privatpersoner. I rapporten gås det igenom vilka steg och verktyg som gjorts och använts för skapandet av denna webbplats. User stories har gjorts för att lära känna användaren och identifiera deras behov, skisser över webbplatsen har gjorts för att enkelt kunna illustrera hur webbplatsen skulle se ut och en sitemap har skapats för att veta vilka sidor projektet skall innehålla. Hur skapandet har gjorts från HTML till Twig och funktionalitet bakom saker som meny, frågor och svar-sektionen, stöd för flera språk mm. Tas upp. Utöver detta har också tester gjorts av både mig och min handledare på Habits. Olika verktyg för att säkerställa att laddningstiden håller sig inom en godkänd ram har gjorts och verktyg som WAVE Evaluation Tool har använts för att säkerställa webbplatsens tillgänglighet. I slutändan finns en färdig produkt som fyller Habits syfte och förhoppningsvis är representativ för deras tjänst och kan dra in användare till deras webbaserade verktyg.

Webbtillgänglighet är en viktig aspekt för att säkerställa en bra kundupplevelse. För att uppnå webbtillgänglighet bör webbplatser vara tillgängliga för alla användare oavsett eventuella nedsättningar. Idag regleras webbtillgänglighet enbart på webbplatser av bland annat svenska myndigheter och privata aktörer som drivs av offentlig finansiering. Denna reglering utförs av EU-direktivet om webbtillgänglighet. Forskning tyder på att Sveriges totala population av seniorer stiger och att ålderdom medför olika grader av nedsättningar. Forskning tyder även på att e-handelsvanor hos äldre stiger i Sverige, framför allt inom kategorin hälsa. Exkludering som berör en senior målgrupp undviks genom webbtillgänglighet. Det kan anses problematiskt att e-handeln i Sverige inte behöver följa EU-direktivet om webbtillgänglighet. Till vilken grad uppfylls webbtillgänglighet inom den svenska e-handeln i kategorin hälsa som offentlig verksamhet förväntas efterfölja? Studien består av en kartläggning över 16 svenska e-handelswebbsidor. Sidorna mättes mot en checklista över webbtillgänglighet baserad på Web Content Accessability Guidelines (WCAG). Resultatet från kartläggningen identifierar styrkor och brister vad gäller tillgänglighet. Ingen webbsida är fullt ut webbtillgänglig. Samtliga webbsidor påvisar brister på grundläggande kriterier inom tillgänglighet som bland annat påverkar individer med synnedsättning. Däremot visar de styrkor som berör responsiv design och navigeringsmöjligheter. / Web accessibility is an important aspect to consider when attempting to ensure a viable customer experience. To obtain web accessibility, websites should be available for everyone, regardless of any impairments. The regulation for web accessibility only applies for Swedish public authorities or for companies that are driven by public financing. These regulations are managed by the EU Web Accessibility Directive. Studies indicate that the total population for senior citizens is rising and that old age naturally brings different degrees of impairments. Research also indicates that e-commerce habits for older people are rising in Sweden, especially in the health category. Exclusion affecting a senior target group is avoided through web accessibility. It can be considered problematic that the Swedish e-commerce are not obligated to follow the EU Web Accessibility Directives. To what degree is web accessibility which public authorities are expected to follow fulfilled in the Swedish e-commerce health category? In this study, a survey of web accessibility on 16 Swedish e-commerce web pages was carried out. The web pages where measured against a web accessibility checklist based on the Web Content Accessibility Guidelines (WCAG). The results from the survey identifies strengths and weaknesses in terms of accessibility. None of the web pages was fully accessible. All web pages indicate deficiencies in the basic criteria of web accessibility which, among other things, affect individuals with visual impairment. However, they all show strengths related to responsive design and greater opportunities for navigation.

En viktig aspekt av webbutveckling är att skapa webbplatser som är tillgängliga för så mångaanvändare som möjligt. Från och med 2019 gäller en lag i Sverige som reglerar webbplatserstillgänglighet i enlighet med ett EU-direktiv. Denna uppsats beskriver en utvärdering av 32svenska webbplatsers tillgänglighet med EU-direktivet om webbtillgänglighet som måttstock.Utvärderingen visar vilka tillgänglighetsproblem som är vanligt förekommande. Majoritetenav de utvärderade webbplatserna uppfyller inte krav på text som kan förstoras till 200%, kravpå tydliga markörer av fokuserade element vid tangentbordsnavigation, krav på alternativabeskrivningar av innehåll som inte är text, samt krav på kod som validerar. / An important aspect of web development is making websites that are accessible for as manyusers as possible. In 2019, a new law is applied in Sweden which regulates the accessibilitydemands of websites according to an EU directive. This thesis presents an evaluation made onthe accessibility of 32 Swedish websites using the EU directive as a standard. The evaluationshows the most common accessibility problems. The majority of evaluated websites do notcomply with demands on text that can be magnified by 200%, demands on distinct markers offocused elements when navigating with the keyboard, demands on alternative descriptions ofcontent that is not text, and demands on code that validates.