Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Not Found
Not Found
Not Found

Submitted

Article preview component

#accessibility#bem#sass/scss
metamuskβ€’ 370

@anonggentlegentle

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison

SolutionDesign

metamusk’s questions for the community

Any feedback is appreciated. Thanks! :D

Community feedback

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

Hello there, metamusk! πŸ‘‹

Nice work on this challenge! πŸ™Œ The card component looks great! πŸ‘

Here are a couple of things I'd like to suggest,

  • Writing some more meaningful alt text for the image in the card component, as "Illustration" doesn't really describe the purpose or content of the image very well.
  • Labeling the button that opens up the social media share menu in some way, either by using an aria-label or by including some invisible text inside the button for screen readers to read. This is important because sighted users can easily tell what the button does by looking at the icon inside of it, but users navigating the web using a screen reader currently won't have any information that tells them what the button does. πŸ˜‰

Hope you find this helpful. 😊

Keep coding (and happy coding, too)! 😁

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join other Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord