This project is a code refactor for the Horiseon website homepage. The purposes of this refactoring is to make the previous code more efficient, comprehensible and accessible. This refactoring should also result in improved accesibility and optimise the page for search engines. The modification does not change the displayed styling of the page, only the underlying code.
AS A marketing agency I WANT a codebase that follows accessibility standards SO THAT our own site is optimized for search engines
- 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 icon and 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
- Changed website tittle and added a meta description for SEO;
- Added alt text on images and icons for SEO and accessibility;
- Explanatory comments were provided in the HTML document;
- CSS was reorganized to follow a logical structure;
- Classes and elements were separated, then ordered alphabetically within each group;
- Comments added to delineate each separation.
- HTML
- CSS
Once deployed the application can be viewed in a traditional desktop web browser. It it not yet responsive.