Refactoring the the codebase for Horiseon aimed to optimise the client's website for search engines and follow accessibility standards.
During the process I've learned how to apply the alt attribute to images and icons in HTML file, providing a detailed description that can be used by screen readers as part of accessibility.
The resources used to complete the task:
Semantic HTML:
- https://www.w3schools.com/html/html5_semantic_elements.asp
- https://www.freecodecamp.org/news/semantic-html5-elements/#:~:text=Semantic%20HTML%20elements%20are%20those,content%20that%20is%20inside%20them. Accessibility:
- Image
alt
attributes: https://www.w3schools.com/tags/att_img_alt.asp - Google Lighthouse -https://learn.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/lighthouse/lighthouse-tool
Standard MIT License