Improving JavaScript functions for better readability and performance. Suggestions for optimizing the layout while maintaining responsiveness. Ensuring accessibility standards are fully met, especially for screen readers.
"I’d like help with improving the accessibility of my project, especially making sure it's fully navigable by keyboard and screen readers. I’m also interested in feedback on the efficiency of my code, particularly in the JavaScript functions. Any tips on optimizing performance or ensuring accessibility compliance would be greatly appreciated."
For this question, focus on particular parts of your web accessibility page where you feel unsure or need improvement. Being specific will help others give you useful feedback. Here are some examples you can consider:
Keyboard navigation: "I want to make sure my page is fully accessible via keyboard. Can anyone suggest improvements or tips on how to enhance this?"
Screen reader support: "I’ve used WAI-ARIA roles on custom elements, but I’m not sure if they are correctly applied for screen readers. Could someone review this part of my code?"
Color contrast: "I’ve tried to follow contrast guidelines, but I’m unsure if my color choices are accessible enough. Any feedback or suggestions for improvement?"
Form accessibility: "I’ve added labels and field descriptions to my forms, but I’m not sure if they are fully accessible. Can anyone test or review them?"
Would you like help drafting specific questions for your project?
I got too caught up in my responsive design experiment and forgot to implement a grid system for mobile compatibility. I'll redo it next time. I'm already tired.
very greate you are outside from Frontend mentor why?
Proud of using React components, props and icons. Hopefully I get the hand of things sooner than later. Also yay me for completeing a lengthy project.
What challenges did you encounter, and how did you overcome them?Note to self with bolded/uppercase letters. "DON'T FORGET TO INCLUDE ALL YOUR NECESSARY DEPENDENCIES!!!" Basically, on this lovely project I decided to use React and Scss. Let's just say it took me the whole day to realize the live site wasn't configuring properly on Netlify due to I had completely forgot to install sass dependecies.
I am so happy cause I started to organize my code.
What challenges did you encounter, and how did you overcome them?..
What specific areas of your project would you like help with?I think the card is not in the middle despite putting display grid, place content center to the body element.
