Jason2426
commented
3 days ago [Research]()
Voor de HTML van het dropdown menu met filters zijn er twee duidelijke opties denk aan gewoon een <div> met <buttons> , het <select> of het <details> element. Om direct rekening te houden met de toegankelijkheid en in voordeel voor gebruikers die door websites heen navigeren met keyboard wilde ik het <select> element kiezen maar het is amper mogelijk om dit element te stijlen volgens het opgeleverde design van de opdrachtgever. Dus heb ik Declan voor feedback gevraagd tijdens de Check-in
Tijdens dit project gebruiken we svelte.kit dat genoeg technieken biedt om een gebruiksvriendelijke, goed werkende en dus robuust component te maken die op verschillende pagina's te gebruiken is met verschillende lijsten als opties denk aan expertises, voertalen of provincies en dus in dit geval filters. Waar ik aan denk bij het maken van dit component is props, eventueel binds en for Each door de opties.
Ik wil dit component in Svelte 5 gaan maken om te kijken of ik de nieuwe manieren en technieken van de update gelijk kan toepassen voor dit component en wat direct ook goed is om te leren voor eventueel andere componenten.
[Declan feedback / Check-in 19 Nov]()
Heel goed dat je geprobeerd hebt het native <select> element te gebruiken, je benoemt de voordelen kwa toegankelijkheid en dus voor screenreaders maar ook keyboard users. Wat ik zou voorstellen is eventueel een component importeren zoals in de onderstaande link omdat zoals je al zei de styling beperkt is voor dit element en je toch graag een toegankelijk component wilt. Dit geimporteerde element is toegankelijk gemaakt door iemand anders en dus te gebruiken voor keyboard en screenreader users.
Het maken van een dropdown component die op verschillende pagina's te gebruiken is o.a Ledenpagina en vacaturepagina.
Wat er gedaan moet worden