@kaaato
Latest solutions
notification-page-main
Submitted about 2 months agowould love help in the area of javascript, it was kind of confusing
contact-form main
Submitted 2 months agoAS i said,would love help with javascript, i see myself getting stuck but dont why
Conference- Ticket- Generator
Submitted 4 months agoi would love help in the javascript and also the complex css on how to hide the second box and also with the responsiveness
INTERACTIVE-RATING-COMPONENT
Submitted 4 months agostill struggling with my responsiveness and anyfeedback would be great
Bento-Grid Front-Mentor
Submitted 4 months agoi would love to be able to learn how to structure my page well so it can be readable
Latest comments
- @janechizzy
i have a question to ask, why did you not use javascript in the code since java script is able to validate the input and control behavior before the form is being submitted.
- P@AydanKaraWhat are you most proud of, and what would you do differently next time?
I'm most proud of building a fully interactive and accessible rating component using semantic HTML, CSS, and JavaScript. I focused on ensuring keyboard accessibility, clear visual feedback, and proper ARIA attributes so that users with assistive technologies can easily navigate the component. If I were to do this again, I’d experiment with adding subtle animations or transitions to enhance the user experience and further refine the error handling (for example, offering more descriptive error messages when no rating is selected).
What challenges did you encounter, and how did you overcome them?One of the main challenges was ensuring the component was both aesthetically pleasing and accessible. Balancing interactive design with semantic markup required careful testing—particularly with keyboard navigation and screen readers. I overcame these challenges by:
- Using semantic elements like <fieldset> and <legend> to group related inputs.
- Implementing aria-hidden and visually-hidden classes where necessary.
- Iteratively testing the component and adjusting the CSS and JavaScript to ensure a smooth, accessible experience.
I would love feedback on:
- Animations and Transitions: Ideas for subtle enhancements that can make the component feel more dynamic.
- Accessibility Best Practices: Suggestions for refining the ARIA roles and attributes, or other techniques to further improve the experience for screen reader users.
- User Experience Enhancements: Insights on any additional interactive features or error-handling improvements that could further polish the component.
@janechizzylove your code..,would love to learn more from you
- P@Ant105What are you most proud of, and what would you do differently next time?
Idk
What challenges did you encounter, and how did you overcome them?Well, Git and Figma were a bit hard to figure out, but I have friends called Google and ChatGPT
What specific areas of your project would you like help with?I would appreciate any feedback!
@janechizzyyour code looks nice, try not to turn off the caps-lock while writing the code
- @janechizzy@janechizzy
@skyv26 thank you
