Skip to content

[Code Quality & Accessibility] Remove commented code, add meta descriptions, and improve image accessibility #25

Description

@YUVRAJRANA10

Description

This issue tracks three related improvements to enhance code quality, SEO, and accessibility of the VOCAB VOYAGE e-learning website.

Problems to Address

1. Code Cleanup 🧹

  • Problem: js/main.js contains 300+ lines of commented-out code and git merge conflict markers
  • Impact: Makes code difficult to read and maintain
  • Location: js/main.js (lines 1-300+)

2. Missing Meta Descriptions 🔍

  • Problem: All HTML pages have empty meta description and keywords tags
  • Impact: Poor SEO performance and search engine visibility
  • Affected Files: All 9 HTML pages (index.html, about.html, courses.html, contact.html, login.html, signup.html, team.html, testimonial.html, single.html)

3. Missing Image Alt Text

  • Problem: Multiple images have empty alt="" attributes
  • Impact: Poor accessibility for screen readers and users with visual impairments
  • Affected Files:
    • courses.html - 12 course images
    • single.html - 2 images

✅ Proposed Solution

  1. Remove all commented code and merge conflict markers from main.js
  2. Add comprehensive documentation with clear comments
  3. Add descriptive meta descriptions to all HTML pages with relevant keywords
  4. Add meaningful alt text to all images for better accessibility

I am ready with the PR you can assign me this under Hacktoberfest labels.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions