@rayaatta
Posted
Hello 👋Vanessa Ayer, Cool 😎 solution.
I have some simple tips you make ght wanna need.
1
The avatar image should have an alt attribute with the name of the person on the pic.i.e
alt="Greg Hooper"
Alt attributes should not contain words such as picture,photo,image,headshot etc as these are indicated by the image tag itself.
2
I noticed font-size: 16px;
in your code.
You should never use pixels when setting font related properties.
Setting font sizes in pixels causes accessibility problems with people who adjusted their default font sizes on their computers.
The best units for setting font size are relative units such as rem and em which can adjust with the user preferences. Checkout this article why font size should never be in pixels
3 In your html I noticed
<p class="published-date">Published 21 Dec 2023</p>
When a screen reader is reading the above it will pronounce 21 Dec 2023
as it is. This should be wrapped in
<time datetime="2023-12-21">21 Dec 2023</time>
This is machine readable therefore it is more accessible. To find out more about the time tag check out this article📑.
I hope this helps 🙃
Your solution looks great 😉
Happy coding ✌️
Marked as helpful
@vanessa-ayer
Posted
@rayaatta Very helpful! Updated the alt text and value units for the font size to em! :) working on #3 for future use!
Thank you!