Refactoring an existing website usinng semantic HTML elements to improve accessebility.
-The purpose of refactoring this page was to improve accessibility to the site without changing the functionality of the source code.
-Generic html elements were replaced with descriptive and appropriate semantic html elements wherever possible to improve flow, accessibility, and organization.
-Several css elements were consolidated using class attributes:


-Page will be deployed to resemble the below image:

Link to deployed page here: https://karlol82.github.io/Access_refactory_week1/#search-engine-optimization
-Learned how to use alt attributes for images to provide descriptive content for visually impaired users.
-Learned how to deploy descriptive semantic elements with a logical and sequential flow.
-Learned how to consolidate css elements utilizing class attributes and eliminating redundancies.
-Added concise and descriptive comments in css code file for ease of collaboration and peer review.
-Deployed a screen reader to verify improved accessibility features.