Vernieuwde website voor Thuiswinkel.org

Bij dit project is eerst een nieuw ontwerp gemaakt voor de verschillende paginatypen en onderdelen die worden gebruikt. Nadat dit ontwerp was goedgekeurd, is het gebouwd in Umbraco, een contentmanagementsysteem waarmee medewerkers van Thuiswinkel.org gemakkelijk zelf de website kunnen vullen met nieuwe content. Door de gewenste widgets op de pagina's te plaatsen blijft de pagina-indeling flexibel.

Tijdens dit proces zijn ook een aantal technieken vernieuwd: Bootstrap is vervangen door Tailwind CSS en jQuery is vervangen door Alpine JS. Door gebruik te maken van de nieuwste technieken wordt de prestatie van de websites zo hoog mogelijk gehouden.

De afgelopen jaren zijn webstandaarden voor toegankelijkheid steeds belangrijker geworden. Met dit redesign zijn stappen genomen om de toegankelijkheid te verhogen in de technische uitvoering van het ontwerp.

De toegankelijkheid van een website bestaat uit een combinatie van verschillende aspecten die bepalen of een website voor iedereen te gebruiken en te begrijpen is. Door middel van technische aanpassingen is de toegankelijkheid van de website verbeterd. Bijvoorbeeld door navigatie via een toetsenbord gemakkelijker te maken en teksten in te richten op een manier die aansluit bij screenreaders.

Bij afbeeldingen en iconen kan via het Umbraco CMS een beschrijving worden toegevoegd. Deze alt-teksten leggen in tekst uit wat er op een afbeelding te zien is. Daarnaast is de website getest op toegankelijkheid in verschillende browsers en op diverse apparaten.