Submitted over 1 year ago

Responsive accordion with accesibility

accessibility, bem, sass/scss, vite

Dominik•90

@Chomikens

A solution to the FAQ accordion card challenge

Preview Code

Solution retrospective

What has been done

Use Event Delegation Pattern for accordion;
Opening and closing animations, including JANK prevention.
Written in SCSS using the 7-1 pattern - if you need to develop further
- Using two sass functions: fonts and colors,
- 3 sass maps: fonts, colors and sizes,
- Two mixins: one for media queries the other for gradients

Further steps to be developed

Adding accessibility for people with disabilities: HTML semantic aria labels and tabindex - [done]
Adding support for keys and js logic.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dominik's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord