This is the Bootcamp week 1 challenge project which consist of refactoring the codebase of the landing page of the company Horiseon in order to improve their web accessibility and SEO performance.
You can check the
My solution included semantic tags to organise the HTML document in the header, main and footer sections, and organise the main content as follows:
- content, listing the content in semantic sections,
- benefits, listing the content in semantic asides.
Lastly, I added metadata tags and fixed broken links for SEO and browser performance purposes.
If your README is long, add a table of contents to make it easy for users to find what they need.
In order to this project, you need clone this repository and open the index.html file in any browser.
Once you have opened the index.html in your preferred browser, you should see a page that looks like as the image below:
Essentially, the new page should look the same as the previous version because it just include semantic meta data for browsers and search bots to understand better the content.
You can open the inpector tool in your browser to check the HTML and CSS structure of the landing page.
A demo of this project can be viewed here
You can run a test to validate the code of this project against the standards HTML5, CSS3 and basic WCAG 2,0 compliance using the W3C Nu Validator.
For a more detailed web accessibility validation, you can use the WAVE evaluation tool.
This project has been an individual project so no more collaborators apart from myself has been involved in the development and release of this code.
This project is released with a MIT license. For more information, please check the LICENSE file.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent