fdnd-agency / visual-thinking

Een platform met onderwijsmateriaal om visual thinking tijdens de HBO studie toe te kunnen passen.
https://visualthinking.school/
0 stars 11 forks source link

🔥 Filter Function #164

Closed iBadr49 closed 4 months ago

iBadr49 commented 4 months ago

Description

I've added a filtering function to this page, allowing users to select different categories using the created checkboxes. The filter option is also progressively enhanced, meaning users who don't have JavaScript enabled won't see the function. Additionally, keyboard navigation has been implemented, allowing users to tab through the options.

issue: https://github.com/orgs/fdnd-agency/projects/7/views/3?pane=issue&itemId=10781053

link to Website/page: https://visual-thinking-three.vercel.app/tekenmethodes

Scherm­afbeelding 2024-05-07 om 12 57 58

Type of changes

[X] New feature! [X] This change requires a documentation update

How Has This Been Tested?

[X] User test [X] Accessibility test [X] Performance test [X] Responsive Design test

Checklist

[X] The code is accessible [X] The code is performant [X] The code is responsive [X] I have written meaningful commit messages [X] I have performed a self-review of my code [X] I have made corresponding changes to the documentation (README and/or Wiki)

netlify[bot] commented 4 months ago

Deploy request for visual-thinking pending review.

Visit the deploys page to approve it

Name Link
Latest commit 33c879b0549fc9ff308612c6a75fba2ac50d2d67
joostf commented 4 months ago

Ziet er goed uit zo, @iBadr49.. mooie gestyled in de huisstijl!

Nog één toevoeging:

Het zou nog mooier zijn als je de checkboxes verbergt en vervangt door de categorie icoontjes (inclusief checked state)

Zie dit artikel: https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/

maak je hier een nieuw issue van?