
Submitted about 1 year ago
Officelite coming soon. Responsive design + Accessibility
@ortalyarts
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Features:
- Vanilla Javascript + Native CSS + Semantic HTML5.
- Responsive design + Mobile first approach.
- Form validation.
- Accessibility.
- Customised accessible drop down select element.
- Countdown to launch date (for presentation purpose: the date is set to 30 days in the future from the moment the user visits the website).
Accessibility question: I've spotted a bug: if I navigate through the site with the keyboard (using tab key), after arriving to the select element I can't go further or go back to other inputs. So to move back or forth I have to use the mouse... Any suggestions on how to fix this issue are highly appreciated!
Any other suggestions for improvement are also very welcome :)
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Ortaly'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