Article Preview Component - Did I make this accessible enough?

Hello everyone! 👋

Woohoo! This is solution number ten for me 🎉

I have been self-learing since May 2021 and besides just learning about HTML, CSS and JS, I am also trying to learn about accessibility and responsiveness.

❓️ Specific Questions

1. I ran my first solution for this challenge through an Color Contrast Accessibility Validator and the colours in the design did not have a high enough contrast, so I converted the colours to HSL and lowered the lightness untill they passed. Is that ok? Is this something you usually discuss with the designer?

2. I also made the font slightly bigger for better readability. Ok or also a designer choice to make it, in my opinion, too small?

3. I changed the outline when the button gets focus to a color from the design. Is this a good thing to do of better leave it alone?

4. Did I give every item that needs accessibility label and alt, etc, in the right way?

I would much like to become a better developer, so any advice you can give me is very welcome, also if it does not regard my specific questions.

Have a nice day! 🙋‍♂️