Pod request access landing page using CSS Flexbox and vanilla JS
Design comparison
Solution retrospective
This is my first premium challenge. It was quite interesting. I decided to use absolute positioning for the decorations and also the error message in order to prevent the podcast icons from shifting on larger viewports.
In terms of accessibility, how do you think the form validation looks? Would it be better to also include attributes such as aria-invalid
and aria-required
?
The design did not include a "success" state for submitting the form, so I went with a simple alert that displays the submitted email address. This is only for demonstration purposes, as there is probably a better solution for showing a success state.
Community feedback
- @john-miragePosted over 1 year ago
Unfortunately, i don't have the answer to your question but, my advice is to download and install NVDA (for Non Visual Desktop Access) (if you are on mac or linux there are alternatives) and try your application by yourself and eyes close (no cheating !!!) xD and see if you are able to understand what to do and where you are.
Marked as helpful1@WesselKonstantinovPosted over 1 year ago@john-mirage Thanks! I will look into that.
0
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