mobile first site using HTML & CSS

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  Greetings. Some issues have been raised in the report , some of them may include the following:

  • alt values must be descriptive for the benefit of assistive tech users to be able to visualize the message that is being put across with the message. Decorative images can have alt="" . The following does not aid assistive tech users <img src="./images/illustration-intro.png" alt="illustration-intro" width="100%" id="img1">
  • you site is missing basic elements like headings. Check on mdn on the importance headings
  • as a follow up to the above point - use semantic elements where possible. Elements such as main should be available in a site as they hold the main content of the site.
  • this image <img src="./images/bg-quotes.png"> does not have an alt value. If it is decorative use alt=""
  • input elements should have an associated label <input type="email" name="mail" class="mailinput" placeholder="[email protected]">
  • separation of concern is also important, let your css reside in their own css files <div style="padding: 10px;"></div>
  • well done on responsive side, i can generally view the site on most devices from small to desktop.

  Marked as helpful

  1

  ---

  

  Dewan Masuma Nazneen•295

  @mnazneen20Posted about 3 years ago

  @ChamuMutezva thank you for your feedback, I will keep your points in mind.

  0