@wendyhamel
Latest solutions
Responsive, Flexbox, BEM
#accessibility#bemSubmitted 8 months agoAny suggestions on how to improve the css and the js are appreciated :)
ARIA, Accessibility, BEM
#accessibility#bemSubmitted 8 months agoI don't have any questions or issues that I'd like help with.
Bem, Accessibility
#accessibility#bemSubmitted 8 months agoI couldn't get the numbers to be perfectly centered, there is always more space in the bottom. I tried using li elements, p elements, and the problem presisted. Help solving that would be appreciated.
Latest comments
- @poissonfou
Amazing Work!!
- P@kaamiikWhat are you most proud of, and what would you do differently next time?
I am most proud of my efforts to ensure accessibility in my project, particularly in creating a responsive navbar and using dialog elements effectively. Next time, I would definitely use a framework to streamline the development process.
What challenges did you encounter, and how did you overcome them?One of the main challenges was ensuring that the lightbox and cart dialogs were both functional and accessible. I had to pay close attention to various aspects in JavaScript to ensure necessary updates. I overcame these challenges by meticulously adhering to accessibility guidelines and thoroughly testing my code.
What specific areas of your project would you like help with?I would like help with ensuring that my implementation of the lightbox and cart dialogs is as efficient and accessible as possible. Additionally, any feedback on improving the overall accessibility and responsiveness of the navbar would be greatly appreciated.
@poissonfouGreat work!
- @mkostrikovWhat challenges did you encounter, and how did you overcome them?
It's hard to test accessibility
What specific areas of your project would you like help with?Any help would be great
@poissonfouAmazing accuracy!
- @LeviKuhauluaWhat are you most proud of, and what would you do differently next time?
One thing that I did like was being able to style the radio button and checkbox with CSS by using the
accent-colorattribute with a specifiedwidthandheightto make a size for the radio buttons and checkmark. See code below:.form__input-radio { display: block; width: 18px; height: 18px; accent-color: var(--clr-green); }In this way, it made the challenge a lot easier to handle since I didn't need to use divs to create a custom element.
Doing this challenge differently:
- Using divs to style the components
- Look into creating custom web components with JavaScript, HTML, and CSS (if anybody has any resources on that please lmk, mahalo in advance).
How often should we be placing
aria-labelfor our components? Should this be for every major section that is apart of your component or should this be used for sections / parts where they may not be some sort of indicator to describe the content within?@poissonfouAmazing work!!
- P@DalaScriptWhat are you most proud of, and what would you do differently next time?
- I'm proud of bringing the project to completion. 🎉✅
- Next, I'll focus on improving my JavaScript skills. 📚💻
- The main challenges were with button interactions, which required writing the logic in JavaScript. 🛠️🔘
- I'd love to hear input from others on the screen customization and button interactions. 🎨🧩
- Any feedback or suggestions for improvement would be greatly appreciated. 🌟💬
@poissonfouAmazing solution, it's incredible how you managed to perctly match the design. Congratulations!
- P@nvallineWhat are you most proud of, and what would you do differently next time?
This was a straight forward challenge. Even though it is a small app, I implemented TypeScript to further build my TS knowledge.
What challenges did you encounter, and how did you overcome them?I didn't encounter many problems with this app.
What specific areas of your project would you like help with?I would appreciate any tips/suggestions for making my code better. Thanks!
@poissonfouAmazing precision!
