Social Link Profile Using HTML, CSS and TailwindCSS

Community feedback

• 

  Xianort•90

  @xianortPosted 2 months ago

  Hello @Nikhil-Neware, I like the blue shades on your solution.

  Just some advice to help your HTML be more accessible.

  • Enclose the page's unique content with the <main> element.

  Using landmark elements like <main> in your HTML enables users of assistive technology to quickly identify and navigate to large sections of the document.

  • Use <a> elements instead of <div> for links.

  I noticed you're using divs instead of as for the social links. Think about how this component would be in a real setting. It would have links to that person's socials so why not mark it up as links?

  • Use <ul> element to make a list of links.

  While you're at it make a list of out of those links as well to make it easy for assistive technology users to get a count of how many items are in the list and navigate to a particular item.

  Hope you found this useful.

  Marked as helpful

  0

  ---

  

  Nikhil-Neware•60

  @Nikhil-NewarePosted 2 months ago

  @xianort I would definitely improve it and thanks for finding mistakes and helping ☺️

  1