Skip to content

[Bug]: Add Missing Alt Text to Program Logos #1107

@suman20041

Description

@suman20041

Description

Multiple program pages contain logo images that lack proper alt text attributes, creating accessibility barriers for users relying on screen readers and negatively impacting SEO.

Why This Matters

  • Accessibility – Screen readers cannot describe images without alt text
  • SEO – Search engines rely on alt text for image indexing
  • User Experience – Users see broken image descriptions if images fail to load

Expected Implementation

<img src="../../library/assets/program_logo/gsoc.webp" 
     alt="Google Summer of Code logo - Global open source program" 
     loading="lazy">
  • Descriptive alt text with program name and brief description
  • loading="lazy" attribute for performance

Current Implementation

<img src="../../library/assets/program_logo/gsoc.webp" />

  • Missing alt attribute entirely
  • Missing loading="lazy" for performance optimization

Files Affected

  • frontend/pages/Event/gssoc.html
  • frontend/pages/Event/hacktober.html
  • frontend/pages/Event/mlh.html
  • frontend/pages/Event/outreachy.html
  • frontend/pages/Event/ssoc.html

Metadata

Metadata

Assignees

Labels

ECWoC26bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions