News homepage with focus on A11y

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

• I learned about different aria attributes and its use cases
• I learned about the transition CSS property that I used for opening and closing the nav menu
• I also learned about how to set and remove focus on the element programatically using tabindex

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

I had some issue with remove focus on nav links when nav is not visible on mobile devices. Then I found out that settings tabindex = -1 will not focus the element and this can be done using JS. And for screen readers we need to set aria-hidden attribute to true.

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

Any feedback is welcome, especially regarding the a11y