Responsive Recipe page

What are you most proud of, and what would you do differently next time?

I am proud of maintaining a solid understanding of HTML and CSS basics. It’s rewarding to see that my foundational knowledge remains strong. Next time, I would like to focus on adding more accessibility features, such as ARIA roles, to ensure my projects are more inclusive and user-friendly.

What challenges did you encounter, and how did you overcome them?

I encountered two minor challenges, which are documented in the README file of this project. The first challenge was figuring out how to add borders to our table rows. After some research, I found a Stack Overflow thread that explained the necessity of using the border-collapse: collapse; property in the table styling to effectively apply borders to table elements. The second challenge wasn't really a hurdle but rather a noteworthy discovery: the usefulness of the "contains" attribute selector in CSS. This selector has proven to be very handy in targeting elements that contain specific text.

What specific areas of your project would you like help with?

I want help with expanding the accessibility features of my project. While I have a basic understanding of HTML and CSS, I want to ensure that my project is as inclusive and user-friendly as possible. Specifically, I seek guidance on implementing ARIA roles, enhancing keyboard navigation, improving screen reader compatibility, and ensuring color contrast meets accessibility standards. Any advice or resources on best practices for accessibility would be greatly appreciated.