Refactor code for the Horiseon webpage by meeting standards in web accessibility and following the Scout Rule. Improve codebase for long term sustainability and ensure that all links are functioning correctly and clean up the CSS to make it more efficient, consolidating CSS selectors and properties, organizing them to follow the semantic structure of the HTML elements, and including comments before each element or section of the page.
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 throughout the source code.
WHEN I view the structure of the HTML elements
THEN I find that the HTML elements followa logical structure independent of styling and positioning.
WHEN I view the image elements
THEN I find elements contain 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.
Page deployed at : https://yogi-88.github.io/Horiseon-code-refactor-challenge/
© 2022 edX Boot Camps LLC. Confidential and Proprietary. All Rights Reserved.