Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

News homepage

Adityaβ€’ 70

@Adityakadali

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This website is built with React and TailwindCSS

Community feedback

Adrianoβ€’ 34,110

@AdrianoEscarabote

Posted

Hi Aditya, how are you?

I really liked the result of your project, but I have some tips that I think you will enjoy:

  • every Html document must contain the main tag, so we can identify the main content, to fix this, wrap all the content with the main tag. HTML5 landmark elements are used to improve navigation experience on your site for users of assistive technology.
  • images must have alt text unless it is a decorative image, for any decorative image each IMG tag must have empty alt="" and add aria-hidden="true" attributes to make all the assistive technologies of the Web, as screen reader. Learn the differences between decorative/meaningless images vs important content.

The rest is great!

I hope it helps... πŸ‘

Marked as helpful

1

Adityaβ€’ 70

@Adityakadali

Posted

@AdrianoEscarabote Thank you for really helpful feedback.

0
Eugeniaβ€’ 950

@JaneMoroz

Posted

Hi! You've done great πŸ’ͺ

Some things I've noticed:

  • You need to wrap the main content of the page into the <main> tag. It specifies the main content of a document.
  • Also if you use image or icon inside of the button, I suggest to add aria-label to the <button> tag to improve accessibility.

Keep it up! And good luck πŸ€

Marked as helpful

1

Adityaβ€’ 70

@Adityakadali

Posted

@JaneMoroz Thanks for the feedback.

1

@hamid-abdallah-mohammed

Posted

@JaneMoroz a good one

2

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

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

Join our Discord