Live link: http://toolgankelijk.agency.fdnd.nl/
De Vervoerregio Amsterdam verbindt gemeenten en werkt aan een regio waar mensen vlot hun bestemming bereiken. De gemeenten Aalsmeer, Amstelveen, Amsterdam, Diemen, Edam-Volendam, Haarlemmermeer, Landsmeer, Oostzaan, Ouder-Amstel, Purmerend, Uithoorn, Waterland, Wormerland en Zaanstad vormen samen de Vervoerregio Amsterdam. Vanaf 1 januari 2022 zijn gemeente Beemster en gemeente Purmerend samengegaan en bestaat de Vervoerregio sindsdien uit veertien gemeenten.
De Vervoerregio is opdrachtgever van het openbaar vervoer per bus, tram en metro. Hiervoor verlenen ze concessies aan vervoerbedrijven en subsidie voor de exploitatie van het openbaar vervoer. Ook investeren ze in nieuwe trams en metro’s.
Toolgankelijk is een interne webapplicatie ontwikkeld voor de Vervoerregio Amsterdam en haar partners. Met deze tool kunnen zowel medewerkers van de Vervoerregio als medewerkers van partnerorganisaties eenvoudig de digitale toegankelijkheid van partnerwebsites beoordelen en monitoren. De applicatie biedt een centraal overzicht van alle partners, inzicht in de status van hun websites op het gebied van toegankelijkheid, en ondersteunt het gezamenlijk werken aan een toegankelijke digitale omgeving.
Dit project is ontwikkeld door middel van SvelteKit. De inhoud wordt opgehaald uit Hygraph door middel van GraphQL queries.
De applicatie wordt gehost via Netlify, waarbij automatische deploys plaatsvinden bij wijzigingen in de branch. Versiebeheer vindt plaats in deze repository op GitHub.
Daarnaast is er een tweede repository waarin de backend-code voor de auditlogica van partners wordt beheerd. De audit-functionaliteit communiceert met deze externe audit-backend via een API.
Authenticatie en sessiebeheer zijn geïmplementeerd, inclusief e-mailverificatie. De applicatie is ontwikkeld met aandacht voor digitale toegankelijkheid (WCAG) en maakt gebruik van moderne webtechnieken zoals component-based development (Svelte) en GraphQL voor data queries.
Wij hebben de volgende technieken en technologiën gebruikt:
Bij dit project hoort ook een design rationale. Deze hebben wij zelf gemaakt. Hierin staat alle nodige informatie voor onze ontwerpkeuzes waar je als designer veel aan hebt. Dit is de design rationale Bekijk deze als eerst, voordat je begint met iets anders. Hierin staat ook een lijst met eventuele werkzaamheden die nog gedaan moeten worden.
1. Clone de repository
2. Open de repo in een IDE
3. Installeer npm packages d.m.v. npm install
4. Maak een `.env` bestand aan in de root van het project en vul de benodigde variabelen in (zie `example.env` voor de juiste namen en structuur)
5. Run de localhost d.m.v. npm run dev
FDND agency
Hygraph mutation
Email verificatie setup met Nodemailer
This project is licensed under the terms of the MIT license.