Jesse Kaptein

Zwembad
de
Vosse

Bezoek de website
Hogeschool van Amsterdam
6 weken
04-10-2023

Toegepaste Skills

Afbeelding van HTML logo. HTML
Afbeelding van CSS logo. CSS
Afbeelding van JavaScript logo. JavaScript
Afbeelding die symbool staat voor creatief denken. Focus on
accessibility

Samenvatting

Voor het vak Front End Development was het de bedoeling dat ik een website uitkoos die niet zo heel goed scoorde op het vlak van accessibility. Het doel van de opdracht was dan ook om de website na te bouwen met HTML, CSS en Javascript en de focus te leggen op accessibility en responsiviteit.

Afbeelding van een mockup van de website Zwembad de Vosse.

Ik koos hier de website van Zwembad de Vosse, vooral qua contrast en leesbaarheid scoorde de website zeer slecht. Daarnaast was de responsiviteit van de website ook niet helemaal ideaal.

" Hoe kan ik de website zodanig verbetering op het gebied van accessibility en responsiviteit voor een doelgroep die veel baat heeft bij deze elementen? "
Afbeelding van een mockup van de website Zwembad de Vosse.

Proces

  1. 1. Het testen van de originele website met allerlei zichtbeperkende tools zoals een speciale bril.
  2. 2. Desk research doen naar online accessibility
  3. 3. De WCAG checklist doorlopen en noteren op welke vlakken de website verbeterd kan worden.
  4. 4. Het bouwen van de website met focus op het verbeteren van de accessibility.
  5. 5. Tussendoor testen.
  6. 6. Website responive maken.
  7. 7. Eindtest en kleine warnings verhelpen.

Resultaat

Een website waar ik met trots op kan terugkijken. Deze website heeft een sterk verbeterd contrast, scoort beter op de WCAG checklist en is volledig responsive.

Als ik nog extra tijd had gehad, zou ik graag nog meer pagina's willen uitwerken van de website.

Bezoek de website