Design comparison
SolutionDesign
Solution retrospective
This is my updated solution for this challenge. Previously I sumbitted a solution where I skipped the accessibility part completely. I have now tried my best making it as accessible as possible and get it look as close to the design as I could. Let me know of any way to improve it 😀
Update: The page is missing a level one heading. I could've wrapped the entire contents in an <h1> element, but per my testing it messed with the screen readers. The slider is any ways meant to be used as a component in a page, so the actual page would surely have a heading.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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