Article preview component

Community feedback

• 

  P

  Maren Ehlers•220

  @MarenOelixtownPosted 30 days ago

  Hey 👋...your challenge is very nicely realised!

  As a small thing I noticed there is a missing ‚meta-description‘ in the head (summarizes the content of an HTML document  for SEO – it’s a basic meta-tag).

  And here are some ideas for semantic HTML:

  • In a realistic realisation, the modal-icons should lead to the website so that articles can be shared there. That's why an a-tag would make sense. The a-tag also has the advantage of being focusable with a keyboard - accessibility.

  • You could consider using a more interactive element such as -button- instead of a -div- for the share button. This is better for accessibility and clearly indicates to the browser and screen readers that it is an interactive element.

  • A time-tag is also a good choice for the date. You can improve website functionality with the time tag by providing semantic meaning to time-related content, enhancing accessibility for screen readers, and facilitating better search engine optimization (SEO). Additionally, using the time tag helps browsers and assistive technologies interpret and present time-related content accurately, improving the overall user experience and usability of your website.

  I hope it inspires you...all the best!

  Marked as helpful

  0