Profile card using HTML, SASS , FlexBox and Responsive Web Design

Community feedback

• 

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  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
  • you should have at least one <h1> in your webpage
  • start headings with <h1>, and move up by one level each time

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

  hope this helps :))

  Marked as helpful

  0

  ---

  

  Nicolas Gula•170

  @NicolasGulaPosted almost 3 years ago

  @anoshaahmed Thanks for the links! I appreciate.

  1
• 

  Naveen Gumaste•10,480

  @NaveenGumastePosted almost 3 years ago

  Hay ! Good Job you made it look nearly perfect to the preview

  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.

  -> Always use h1 first and then h2, h3 and so on

  Keep up the good work!

  0

  ---

  

  Nicolas Gula•170

  @NicolasGulaPosted almost 3 years ago

  @Crazimonk Thanks for the advices

  1