Loopstudios landing page

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

I'm proud of the fact that I was able to complete this challenge using the BEM methodology and implementing it through SCSS, which made my styling much cleaner, more organized and easier to understand.

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

Two main challenges:

1. Since I used the CSS background-image property to add many of the images, I was unable to really add alt attributes. To get around this, I used aria-role as "img" and aria-label as the description of the image.
2. Again, the use of the background-image property instead of img elements made it so when I tried to add a hover state that changed the opacity of the image, it also affected the opacity of the elemet's text. I tried to get around this by using some CSS pseudo-elements, but ultimately gave up. Next time though, I will make sure tu use the proper img elements for important stuff.

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

Acessibility. I feel like I'm still unable to get the whole aria label, labelledby, expanded, etc. right.