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

HTML5 CSS

RTX3070 490

@RTX3070

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedbacks are welcome! : )

Community feedback

Anosha Ahmed 9,340

@anoshaahmed

Posted

hey good job on this challenge! your report above shows a few issues though:

  • wrap everything in your body in <main> OR use semantic tags! if you're using div right after body, then give them a role=""; however, it's a little frowned upon to use role right after body, so try to stick with semantic tags instead. you can read more about landmarks here

  • <section> and <article> usually need a heading; if you don't need a heading, use some other element such as <div>

  • use classes instead of id's, if you're going to use the same one more than once

here is a list i made of accessibility issues & best practices

hope this helps :))

Marked as helpful

1
Naveen Gumaste 10,480

@NaveenGumaste

Posted

Hay There ! Good Job on this challenge

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body like it should be your container

-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc

-> But use header tag only once in main heading element.

Keep up the good work!

Marked as helpful

0

@dannyboi07

Posted

When will you be back in stock? :p

1

RTX3070 490

@RTX3070

Posted

@dannyboi07 Ask to Jen-Hsun Huang XD

1
RTX3070 490

@RTX3070

Posted

Hi Anosha thanks for the tips, I need to learn accessibility practices a bit better : )

1
Kacper Kwinta 1,405

@kacperkwinta

Posted

holy crap, 88 html issues! 😂

1

RTX3070 490

@RTX3070

Posted

@kacperkwinta Yep most of them are svg related

0
RTX3070 490

@RTX3070

Posted

Hi Naveen, thanks for the tips : )

0

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