
Submitted 10 months ago
Officelite coming soon. Responsive design + Accessibility
P
@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 :)
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