Responsive social link profile card with html & CSS

Community feedback

• 

  SaruMakes•160

  @SaruMakesPosted 5 months ago

  Hi @riishi101! A very late congratulations on completing this project. I can see that you've moved far past this stage, so I don't imagine you're looking for much feedback on this submission. As such, I'll leave you with one main comment:

  The main thing which stands out to me, is your use of <button> for the external links. In my research on the topic, I've learnt that it is best to use <a> elements for any actual links, as it works much better for users of screen readers.

  The reason is that the way that screen readers work with <button> and <a> is very specific, and it can be confusing to the user if the elements don't act/work the way that they would expect them to. You can still style your links to look like buttons, the screen reader won't care about that, but it is better to have links be actual links, and leave <button>s for actual buttons, that trigger actions on the page itself.

  You can read more about it here: https://theadminbar.com/accessibility-weekly/buttons-vs-links/

  I hope this information is useful to you. Have a great day! :)

  0