The main purpose of this project is to refactor the current code written for Horiseon website by restructuring and adding semantic HTML elements for screen readers.
- Add semantic HTML elements
- Make sure all links are functioning correctly
- Consolidate CSS selectors and properties
- Include comments about changes made and before each element and section of the page
- Put elements in a logical structure independent of styling and positioning in HTML
- Add alt attributes to HTML
tags
- Put heading attributes in a sequential order
- Make title elements concise and descriptive
- HTML
- CSS
As a marketing agency, I WANT a codebase that follows accessibility standards, so that our own site is optimized for search engines.
- 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
https://sshahram.github.io/Horiseon/
https://github.com/sshahram/Horiseon
Here is the snapshot of how the website should look like:
