Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Accessibility Enhancement: Add Alt Text to Images #66

Closed
3 of 4 tasks
Aditiiii-pathak opened this issue Oct 29, 2024 · 2 comments
Closed
3 of 4 tasks

Feat: Accessibility Enhancement: Add Alt Text to Images #66

Aditiiii-pathak opened this issue Oct 29, 2024 · 2 comments
Labels
invalid This doesn't seem right

Comments

@Aditiiii-pathak
Copy link

Describe the feature

Description:
Several images on the site currently lack alt text, which makes the website less accessible for visually impaired users. Adding descriptive alt text to images will improve accessibility and compliance with web standards.

Details:
Where Images Without Alt Text Were Found:
Homepage: Several decorative images and icons do not have alt text, leading to a loss of context for screen reader users.
About Page: Important images illustrating team members or company milestones are missing alt text, which diminishes understanding for visually impaired visitors.
Gallery Section: Images in the gallery section lack descriptive alt text, making it challenging for users relying on screen readers to understand the content.
Importance of Accessibility Improvements:
User Inclusivity: Implementing alt text allows visually impaired users to comprehend the content and context of images, thus fostering a more inclusive environment.
Compliance with Web Standards: Adding alt text aligns with Web Content Accessibility Guidelines (WCAG) and legal requirements, promoting equal access to information.
SEO Benefits: Alt text enhances search engine optimization by providing search engines with better context about images, potentially improving site visibility.
Enhanced User Experience: Providing context for images can enrich the experience for all users, ensuring that everyone can navigate and interact with the website effectively.
Proposed Solution:
Review All Images: Conduct an audit of all images across the website to identify those lacking alt text.
Add Descriptive Alt Text: For each image, write clear, concise, and descriptive alt text that conveys the purpose and content of the image.
Implement Best Practices: Use best practices for writing alt text, such as avoiding redundancy, focusing on relevant details, and using natural language.

Add ScreenShots

Screenshot 2024-10-30 001039

Record

  • I agree to follow this project's Code of Conduct
  • I'm GSSOC'24 Extd registered Contributor
  • I'm Hacktoberfest registered Contributor
  • I want to work on this issue
@Aditiiii-pathak Aditiiii-pathak added the enhancement New feature or request label Oct 29, 2024
@vansh-codes
Copy link
Owner

No images have been used in the project, github logo is an svg which doesnt requires an alt tag
I think this issue is irrelevant at the moment, I am closing this issue

Copy link
Contributor

Hello @Aditiiii-pathak! Your issue #66 has been successfully closed. ✅ Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀

@vansh-codes vansh-codes added invalid This doesn't seem right and removed enhancement New feature or request labels Oct 29, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
invalid This doesn't seem right
Projects
None yet
Development

No branches or pull requests

2 participants