Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 3 years ago

Accessibility focused, built w/ SvelteKit, Tailwind

accessibility, svelte, tailwind-css
Glen•515
@GlenOttley
A solution to the Todo app challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


This is my first real attempt at building an accessible project here on FrontendMentor, as such I could use some tips as to what could be improved in this area.

The drag and drop functionality currently only works on desktop since I used an external library, my plan is to learn how to write some custom drag and drop code which is accessible in future.

I am aware that this project fails accessibility on color/contrast issues but I wanted to stick to the design as closely as possible. However if there are issues with focus states, labeling etc then I would be glad to hear about them.

Cheers, Glen

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Glen'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License