Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je, zoals altijd, in: docs/INSTRUCTIONS.md
In deze leertaak ga ik delen van mijn website acccesible maken voor elke user. Ik zal verder werken aan de volgende user story:
"Als buurtbewoner van Amsterdam Oost wil ik kunnen zien welke stekjes momenteel in de stekjeskast zitten, zodat ik kan overwegen een stekje om te ruilen."
Het project bestaat uit 5 HTML pagina's: index.html, form.html, traded.html, donateform.html en donated.html. De flow van de pagina's kan op 2 manieren:
- index.html -> form.html -> traded.html
- index.html -> donateform.html -> donated.html
Het project werkt met required formulieren waarin je gegevens en foto's kan delen, verder kan je in form.html ook plantjes/stekjes kiezen van Buurtcampus Oost zelf. Na het proces krijg je in traded.html (ook in donateform.html) een code die je kan inleveren als bewijs bij het ophalen van je plantje.
Verder heb je een contrast knop, een ander kleurenpalet en meer content vergeleken sprint 2.
link naar mijn Github pages: https://github.com/Tolga1999/all-human-accessible-website/wiki
Ik heb gebruik gemaakt van HTML, CSS en JS.
De HTML structuur ziet er als volgt uit: body -> contrastDiv (contrast button) -> overlay -> header -> main -> footer. Binnnen de body is er een overlay gemaakt voor het tonen van het menu. De belangrijkste dingen zijn de overlay (dat standaard uit staat), het formulier en de contrast optie. Ik heb voor de overlay en contrast optie gebruik gemaakt van JS.
Voor oplossingen en informatie over HTML, CSS en JS heb ik gebruik gemaakt van de volgende websites: