[BUG] #614
Description
Describe the bug
The current HTML implementation has several issues that reduce accessibility, maintainability, and search engine optimization. The code relies heavily on non-semantic
tags, lacks alt attributes on images, and uses outdated practices like and
for styling and spacing.
for styling and spacing.
Steps to Reproduce
To Reproduce
Steps to reproduce the behavior:
1.Open the HTML files in the project.
2.Inspect the structure: most layout sections use
instead of , , , or .
3.Check![]()
tags — some do not contain alt attributes.
4.Review heading order — levels are skipped (e.g.,).
2.All![]()
tags should have descriptive alt attributes.
3.Headings should follow a logical hierarchy without skipping levels.
4.Styling and spacing should be handled with CSS instead of and
.
3.Check
4.Review heading order — levels are skipped (e.g.,
followed by
).
5.Look for outdated tags like or excessive
tags.
Expected behavior
1.Semantic tags should be used to describe page structure (
2.All
3.Headings should follow a logical hierarchy without skipping levels.
4.Styling and spacing should be handled with CSS instead of and
.
Benefits:
1.Improved accessibility for screen readers and visually impaired users.
2.Better SEO and clearer page structure for search engines.
3.Cleaner, modern, and more maintainable codebase.