Skip to content

fdnd-agency/future-ready-design

Repository files navigation

Access Dash

Welkom bij Access Dash, een website gebouwd met SvelteKit

inhoud

Wat is Accesdash?

AccessDash is een nieuwe tool die bedrijven moet gaan helpen in het digitaal toegankelijk maken van hun website. Het moet daarnaast bedrijven gaan helpen om deze toegankelijkheid te bewaken middels automatische scans.

Productomschrijving

Dit is een project die we maken voor het bedrijf Future Ready Design. Het bedrijf is zelf bezig met het maken van een programma die Accesdash heet. Dit programma kan maandelijks een automatische scan uitvoeren van andere websites om vervolgens resultaten mee te geven die de toegankelijkheid laat zien van het bedrijf.

AccesDash is een website die Accesibilityscans onderhoud voor verschillende pagina's. De website helpt een overzicht en houvast te krijgen op de toegankelijkheid van verschillende websites van verschillende bedrijven. Elke website ontvangt maandelijks score gebasseerd op de WCAG richtlijnen. Als gebruiker kan je een overzicht verwacht van verschillende gradaties die je helpt een overzicht te krijgen op de problemen van verschillende websites

Gebruikersaanwijzing

Het programma word zo gemaakt dat je als bedrijfs eigenaar al jouw websites in 1 omgeving kan zien. Klik je op zo'n Scanresultaat van een website, dan kom je op de detail pagina (die wij hebben gemaakt) met daarin uitgebreide informatie over de scan van de huidige maand.

belangrijke scripts

Kenmerken

  • Site Generator: Sveltekit
  • API: Directus
  • .env
  • HTML, CSS, JS

Huisstijl

Text Kleuren

  • color-regular-text
  • color-black
  • color-lightblue
  • color-blue

Background en andere kleuren

  • color-background-section
  • color-background
  • color-shadow

Font

installatie

installatie

  1. download de repository naar je eigen omgeving

installeer de juiste dependencies

  1. open de terminal. installeer de volgende dependencies:
  2. installeer node
npm install

Kijk eventueel of alles up to date is. voer de volgende commands uit:

npm audit fix

installeer dotenv voor de data bestanden

npm instal dotenv
  1. check voor updates. update deze dependencies Indien dat nodig is.
  2. ready to go! Je hebt het project geinstallleerd en je kan gaan coderen

Bronnen

Hier vind je de bronnen van de tools die we hebben gebruikt.

Component Building Block

Licentie

MIT License Copyright (c) 2023 AD Frontend Design & Development (FDND)