{"id":26537117,"url":"https://github.com/fdnd-agency/toolgankelijk","last_synced_at":"2025-07-29T10:33:44.280Z","repository":{"id":97368018,"uuid":"509724629","full_name":"fdnd-agency/toolgankelijk","owner":"fdnd-agency","description":"Missie: het verbeteren van digitale toegankelijkheid van de websites van Vervoerregio Amsterdam","archived":false,"fork":false,"pushed_at":"2025-06-26T20:46:44.000Z","size":26709,"stargazers_count":0,"open_issues_count":77,"forks_count":5,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-06-26T21:56:21.191Z","etag":null,"topics":["project"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fdnd-agency.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-07-02T10:27:32.000Z","updated_at":"2025-06-23T00:53:45.000Z","dependencies_parsed_at":null,"dependency_job_id":"5896463f-fed6-4c26-9786-1381ce682bd1","html_url":"https://github.com/fdnd-agency/toolgankelijk","commit_stats":null,"previous_names":["fdnd-agency/toolgankelijk","fdnd-agency/vervoerregio-amsterdam"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/fdnd-agency/toolgankelijk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdnd-agency%2Ftoolgankelijk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdnd-agency%2Ftoolgankelijk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdnd-agency%2Ftoolgankelijk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdnd-agency%2Ftoolgankelijk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fdnd-agency","download_url":"https://codeload.github.com/fdnd-agency/toolgankelijk/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fdnd-agency%2Ftoolgankelijk/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267670148,"owners_count":24125095,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["project"],"created_at":"2025-03-21T22:18:43.365Z","updated_at":"2025-07-29T10:33:44.267Z","avatar_url":"https://github.com/fdnd-agency.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vervoerregio Amsterdam | Toolgankelijk\n\nLive link: [http://toolgankelijk.agency.fdnd.nl/](http://toolgankelijk.agency.fdnd.nl/)\n\n## Inhoudsopgave\n\n- [Beschrijving](#beschrijving)\n- [Kenmerken](#kenmerken)\n- [Design Rationale](#Design-Rationale)\n- [Installatie](#installatie)\n- [Projectteam 2025](#projectteam-2025)\n- [Bronnen](#bronnen)\n- [Licentie](#licentie)\n\n\n## Beschrijving\n\n![image](static/readme-images/vvr-logo.png)\n\nDe 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.\n\nDe 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.\n\nToolgankelijk 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.\n\n![image](static/readme-images/partners-overview.png)\n\n## Kenmerken\n\nDit project is ontwikkeld door middel van SvelteKit. De inhoud wordt opgehaald uit Hygraph door middel van GraphQL queries.\n\nDe applicatie wordt gehost via Netlify, waarbij automatische deploys plaatsvinden bij wijzigingen in de branch. Versiebeheer vindt plaats in deze repository op GitHub.\n\nDaarnaast 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.\n\nAuthenticatie 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.\n\nWij hebben de volgende technieken en technologiën gebruikt:\n\n- [Svelte](https://svelte.dev/docs/svelte/overview)\n- [SvelteKit](https://svelte.dev/docs/kit/introduction)\n- [Hygraph](https://hygraph.com/)\n- [GraphQL](https://graphql.org/)\n- Link naar [Figma](https://www.figma.com/design/djc9IttXBpRtzImK5Wxiwv/Vervoerregio-Amsterdam?node-id=0-1\u0026t=8dC9foJZof3EOqEf-1)\n- [Netlify](https://www.netlify.com/)\n- [Nodemailer](https://nodemailer.com/)\n\n## Design-Rationale\n\nBij dit project hoort ook een design rationale. Deze hebben wij zelf gemaakt.\nHierin staat alle nodige informatie voor onze ontwerpkeuzes waar je als designer veel  aan hebt.\nDit is de [design rationale](https://github.com/user-attachments/files/20852123/designrationale_vra_mats_ilias.pdf)\nBekijk deze als eerst, voordat je begint met iets anders. Hierin staat ook een lijst met eventuele werkzaamheden die nog gedaan moeten worden.\n\n\n\n## Installatie\n\n```\n1. Clone de repository\n2. Open de repo in een IDE\n3. Installeer npm packages d.m.v. npm install\n4. 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)\n5. Run de localhost d.m.v. npm run dev\n```\n\n## Projectteam 2025\n\n- [Bjarne](https://github.com/bzschool) – Backend developer\n- [Ilias](https://github.com/iliasworldpeace) – Designer\n- [Mats](https://github.com/MatsvdZ) – Designer\n- [Mohammed](https://github.com/Mossati) – Frontend developer\n\n## Bronnen\n\n[FDND agency](https://github.com/fdnd-agency/vervoerregio-amsterdam) \u003cbr\u003e\n[Hygraph mutation](https://hygraph.com/docs/api-reference/content-api/mutations) \u003cbr\u003e\n[Email verificatie setup met Nodemailer](https://www.youtube.com/watch?v=qa-Sh0iM-kM)\u003cbr\u003e\n\n## Licentie\n\nThis project is licensed under the terms of the [MIT license](./LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffdnd-agency%2Ftoolgankelijk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffdnd-agency%2Ftoolgankelijk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffdnd-agency%2Ftoolgankelijk/lists"}