Huddle Landing Page with Bootstrap

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted over 1 year ago

  Hi Lucas Kalks

  After going through your project, here are some recommendations:

  1. use landmarks and semantic HTML always , ahead of such elements as divs. You can find out more on landmarks and semantic HTML on MDN docs. But in short landmarks and semantic HTML helps in creating an accessible website. The main element consist of content that is dominant in the site - hence this is one of the elements that should always be in a site.
  2. heading elements should follow a sequential order , with the h1 being the first heading element .
  3. the try it free button, looks like it should have been an anchor element. Research on the difference between button and anchor.
  4. interactive elements such as button and anchor elements should be supported by text that is available to assistive technology users. This is in reference to the following <a href=""><i class="botao-rodape fa-brands fa-lg fa-facebook"></i></a>
  5. font sizes should not be written in px values, the following article gives you the reasons why Why font-size must NEVER be in pixels
  6. declaration like the following footer ul li a:hover should be avoided - not easy to maintain. The anchor element can just have a class that can be used for styling

  0