HTML Refactor

To reinforce the content and lessons in Module 1, Git, HTML, and CSS. To Refactor the users website for search engines and screen readers through semantic elements, and good naming conventions. This solves the marketing agencies issue with their own site being optimized for earch engines. I learned a better handling on CSS selectors and their names. HTML Semantic elements use in optimiztion. Finally how to write a professional README.

User Story

  • AS A marketing agency
  • I WANT a codebase that follows accessibility standards
  • SO THAT our own site is optimized for search engines

Acceptance Criteria

  • GIVEN a webpage meets accessibility standards
  • WHEN I view the source code
  • THEN I find semantic HTML elements
  • WHEN I view the structure of the HTML elements
  • THEN I find that the elements follow a logical structure independent of styling and positioning
  • WHEN I view the image elements
  • THEN I find accessible alt attributes
  • WHEN I view the heading attributes
  • THEN they fall in sequential order
  • WHEN I view the title element
  • THEN I find a concise, descriptive title

Usage

Github Pages Link: https://kevinrhode.github.io/mod-1-challenge/

What you should see:

imageofthecompletedwork

Credits

Bootcamp Spot on:

https://coding-boot-camp.github.io/full-stack/github/professional-readme-guide

https://coding-boot-camp.github.io/full-stack/html/html-cheatsheet

https://gist.github.com/joshbuchea/6f47e86d2510bce28f8e7f42ae84c716