Huddle-landing-page-with-alternating-feature-blocks

Community feedback

• 

  Ahmed Bayoumi•6,740

  @Bayoumi-devPosted over 2 years ago

  Hey Haruto, It looks good!... You have some accessibility issues that need to fix.

  • Heading levels should only increase by one, Use h2 instead of h3and Use h3 instead of h4... Ordered headings make it easier to navigate and understand when using assistive technologies.
  • Links must have the discernible text, Set the attribute aria-label to describe the link. Example:

  <a href="#facebook" aria-label`="facebook profile">
       <i class="fa-brands fa-facebook-f"></i>
  </a>
  

  • I suggest you don't use <button> with <a>...

  So When to use the button and when to use the anchor link???!... It depends on what you want to happen after clicking... will it redirect the user to another page or section, Use the anchor link <a> Otherwise, use the button

  • Buttons are used for actions like opening or closing something or sending a form.
  • Links are used for navigation and actions.

  I hope this is useful to you... Keep coding👍

  Marked as helpful

  0

  ---

  

  HarutoAmakawa•220

  @HarutoAmakawaPosted over 2 years ago

  @Bayoumi-dev Thank you for your advice.

  0