This report covers a project aimed at creating accessibility-adapted templates for a SaaS environment, in accordance with WCAG guidelines and the EN 301 549 standard. The work began with a comprehensive planning phase where a timeline was established and thorough research on the relevant guidelines was conducted. The research resulted in two checklists, one for forms and one for tables, specifying the criteria required to achieve accessibility for these components. The checklists were then used as a method for adapting the templates for accessibility. During the construction phase, the templates were developed using HTML and PHP to create dynamic content and functionality. Bootstrap was used to follow the company’s graphical profile, and ARIA attributes were added to improve accessibility. The templates were tested with tools such as the W3C Markup Validation Service and WAVE Evaluation Tool to ensure correctness and accessibility. The results showed that the templates were mostly correct, with only minor adjustments needed to achieve full accessibility. The project has successfully achieved its goals by delivering user-friendly and accessible templates. These templates are expected to reduce the workload for developers and integrate accessibility adjustments effectively into the development process. Future improvements may include the development of more templates and the integration of the WAVE tool into the ongoing development work. / Denna rapport behandlar ett projekt där målet här varit att skapa tillgänglighetsanpassade strukturmallar for en SaaS-miljö. Dessa skapades i enlighet med riktlinjerna från WCAG och standarden EN 301 549. Arbetet inleddes med en omfattande planeringsfas där en tidsplan upprättades och noggrann forskning om de relevanta riktlinjerna genomfördes. Forskningen resulterade i tva checklistor, en för formulär och en för tabeller, som specificerar de kriterier som krävs for ätt uppnå tillgänglighet for dessa komponenter. Checklistorna användes sedan som metod vid tillgänglighetsanpassning av strukturmallarna. Under konstruktionsfasen utvecklades mallarna med HTML och PHP för att skapa dynamiskt innehåll och funktionalitet. Bootstrap användes for att följa fallföretagets grafiska profil, och ARIA-attribut lades till for att förbättra tillgängligheten. Tester genomfördes med verktyg som W3C Markup Validation Service och WAVE Evaluation Tool för att säkerställa korrekthet och tillgänglighet. Resultaten visade att strukturmallarna i huvudsak var korrekta. For att uppnå full tillgänglighet krävdes endast mindre justeringar. Projektet har framgångsrikt uppfyllt sina mål genom att leverera användarvänliga och tillgängliga strukturmallar. Dessa mallar förväntas minska arbetsbördan för utvecklare och integrera tillgänglighetsanpassningar effektivt i utvecklingsprocessen. Framtida förbättringar kan inkludera utveckling av fler mallar och integration av WAVE-verktyget i det kontinuerliga utvecklingsarbetet.
| Identifer | oai:union.ndltd.org:UPSALLA1/oai:DiVA.org:miun-51660 |
| Date | January 2024 |
| Creators | Götenmark, Linda |
| Publisher | Mittuniversitetet, Institutionen för data- och elektroteknik (2023-) |
| Source Sets | DiVA Archive at Upsalla University |
| Language | Swedish |
| Detected Language | Swedish |
| Type | Student thesis, info:eu-repo/semantics/bachelorThesis, text |
| Format | application/pdf |
| Rights | info:eu-repo/semantics/openAccess |
Page generated in 0.0014 seconds