This project was undertaken to improve the accessiblity of an existing page. To enhance the accessibility of the website, semantic HTML adjustments were made alongside the reduction of redundant CSS code. Some examples of changes that took place are listed below.
Changing the div tags to more descriptive tags such as:
- nav
- section
- aside -The addition alt attributes for images to improve accessibility. -The addition of title attributes for navigation to improve accessibility.
- The condensation elements with the same CSS conditions
- Class adjustments
The result of this project has rendered the website more accessible for visually impaired and also improved the navigation of the code in a general sense. Below you can view images of the website itself and some sample code adjustments.